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
          }
        }
      }]
    }

  • 相关阅读:
    解决证书过期而无法连接到或启动HyperV虚拟机的问题
    Hyperv相关补丁(错误号87 Virtual Machine Management服务无法启动)
    Formula One Report学习总结
    漂亮的Form皮肤
    FarPoint Design BorderEditor(边框设计)
    保存图片到SQL Server
    发布一个的Web日期选择控件及源码(其中的js代码来自于Microsoft CRM)
    自谈音乐之道
    SQL Server 存储过程的分页
    教你9招最有效防电脑辐射方法
  • 原文地址:https://www.cnblogs.com/wgy0528/p/10178868.html
Copyright © 2011-2022 走看看