zoukankan      html  css  js  c++  java
  • EChart 文字大小调整 饼状图为例

    一、EChart图中的文字调整(以饼图为例)

    二、源码:

    {
      "title": {
        "text": "",
        "subtext": "",
        "x": "center"
      },
      "tooltip": {
        "trigger": "item",
        "formatter": "{a} <br/>{b} : {c}%",
      "textStyle": {
        "fontSize": 18
      }
    },
      "legend": {
        "orient": "vertical",
        "left": "left",
        "data": ["", "使用场景", "活动", "适用人群", "品牌", "款式", "物流", "价格", "功能", "服务", "质量"],
      "textStyle": {
        "fontSize": 18
      }
    },
      "toolbox": {
        "feature": {
          "dataView": {
            "show": true,
            "readOnly": false
      },
      "saveAsImage": {
        "show": true
        }
      }
    },
      "series": [{
        "name": "",
        "type": "pie",
        "radius": ["0%", "100%"],
        "data": [{
          "name": "使用场景",
          "value": 0.23
           }, {
            "name": "活动",
            "value": 0.44
           }, {
            "name": "适用人群",
            "value": 0.83
              }, {
            "name": "品牌",
            "value": 1.09
              }, {
            "name": "款式",
            "value": 4.56
             }, {
            "name": "物流",
            "value": 7.56
            }, {
            "name": "价格",
            "value": 7.62
            }, {
            "name": "功能",
            "value": 17.03
            }, {
            "name": "服务",
            "value": 20.03
           }, {
            "name": "质量",
            "value": 40.6
        }],
        "label": {
          "normal": {
            "show": true,
            "textStyle": {
              "fontSize": 18
                }
              },
          "emphasis": {
            "show": true
            }
          },
        "lableLine": {
          "normal": {
            "show": true
            },
        "emphasis": {
          "show": true
          }
        }
      }]
    }

  • 相关阅读:
    数据处理之PostgreSQL过程语言学习
    Thinkphp中的assign() 和 display()
    JS截取与分割字符串常用技巧总结
    三种JS截取字符串方法
    十大经典排序算法的JS版
    js时间与毫秒互相转换
    javascript--清除表单缓存
    JS join()和split()方法、reverse() 方法、sort()方法
    JS数组去重的几种常见方法
    CSS样式大全
  • 原文地址:https://www.cnblogs.com/wgy0528/p/10178868.html
Copyright © 2011-2022 走看看