ecahrt 环形图总结

环形图加阴影，这个阴影貌似不能只加外面，图内也得存在

              //边框 series>itemStyle
              borderColor: '#f1f5f7',
              borderWidth: 10
              normal: {
                // 设置扇形的阴影
                shadowBlur: 30,
                shadowColor: '#f1f5f7',
                shadowOffsetX: -5,
                shadowOffsetY: 5
              } 

浮动框样式

tooltip: {
          trigger: 'item',
         //自定义浮动框的html内容
          formatter: function (params) {
            console.log(params)
            let res = '<div style="width:200px;border-radius: 4px;padding: 5px;"><p style="color: #2e3444;text-align: left">' + params.name + '</p></div>'
            res += '<p style="color:#00d093;text-align: right"><span style="font-size: 24px;font-weight: bold">' + params.value + '</span>万kwh</p></div>'
            return res
          },
          backgroundColor: '#ffffff',
          extraCssText: 'box-shadow: 0 0 18px rgba(162, 162, 162, 0.6)'
        },

图例的样式

        legend: {
          icon: 'circle',//前面的小图标是圆形，也可是长条形
          orient: 'horizontal', //水平还是垂直摆放
          left: 'center',//水平居中
          bottom: '0%',//靠底部
          width: '450px',
          height: '200px',
          itemGap: 40,//每个之间的间隔
          padding: [50, 80, 50, 80], //距离容器的边框。。。不太确定
          align: 'left',
          backgroundColor: '#f6f9fa', //背景色
          textStyle: {
            color: '#8a97ad',
            fontSize: 16
          },
          data: ['综合工区通风', '综合工区主排水', '综合工区压风', '原煤直接其他用电', '综合工区提升', '皮带工区']
        },