echarts label formatter 小圆点

最新推荐文章于 2024-05-21 10:20:19 发布

M18771556987

最新推荐文章于 2024-05-21 10:20:19 发布

阅读量453

点赞数

文章标签： echarts javascript ecmascript Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_36878452/article/details/129714892

版权

      {
        type: 'pie',
        label: {
          width: 100,
          formatter: function (params) {
            if (params.dataIndex == 0) {
              return `{dot1|●}{a|${params.data.name}}\n{hr|}\n  {c|${params.data.value}} {b|个}`;
            } else {
              return `{dot2|●}{a|${params.data.name}}\n{hr|}\n  {c|${params.data.value}} {b|个}`;
            }
          }, // {样式|数据}
          backgroundColor: '#fff',
          borderColor: 'rgba(230, 232, 235, 1)',
          borderWidth: 1,
          rich: {
            dot1: {
              color: 'rgba(67, 111, 246, 1)',
              align: 'center'
            },
            dot2: {
              color: 'rgba(67, 111, 246, .2)',
              align: 'center'
            },
            a: {
              color: '#6E7079',
              lineHeight: 22,
              align: 'center',
              padding: 5
            },
            hr: {
              borderColor: 'rgba(230, 232, 235, 1)',
              width: '100%',
              borderWidth: 1,
              height: 0
            },
            c: {
              color: 'rgba(92, 157, 255, 1)',
              fontSize: 16,
              fontWeight: 'bold',
              lineHeight: 33,
              align: 'center'
            },
            b: {
              color: '#4C5058',
              fontSize: 12,
              lineHeight: 33,
              align: 'center'
            }
          }
        },
        radius: ['35%', '50%'],
        data: res || []
      }