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

  • 相关阅读:
    springboot自定义消息转换器HttpMessageConverter
    fastJson的feature和SerializerFeature属性的解释
    ThreadLocal
    复习面向对象 -- 继承
    复习面向对象--创建对象
    js实现二分查找算法
    SVN问题解决--Attempted to lock an already-locked dir
    封装cookie设置和获取的简易方法
    JS判断客户端是否是iOS或者Android手机移动端(转载)
    【Vue笔记】-- 详解vue生命周期
  • 原文地址:https://www.cnblogs.com/wgy0528/p/10178868.html
Copyright © 2011-2022 走看看