echartr 饼图 hover 时各个 item 的数据在中间显式

最新推荐文章于 2024-09-30 16:28:17 发布

墨语轩

最新推荐文章于 2024-09-30 16:28:17 发布

阅读量675

点赞数 1

分类专栏： echarts相关

本文链接：https://blog.csdn.net/mfwscq/article/details/123078436

版权

echarts javascript

echarts相关专栏收录该内容

13 篇文章 0 订阅

订阅专栏

如图：

option = {
  series: [
    {
      name: 'aaa',
      type: 'pie',
      radius: ['20%', '40%'],
      label: {
        show: false,
        position: 'center',
        formatter: '{value|{c}} \n {name|{b}} \n {percent|{d}}%',
        rich: {
          name: {
            color: '#2892E8',
            lineHeight: 28,
            fontSize: 15,
            fontWeight: 'bold'
          }
        }
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 14,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 1048, name: '名称安安' },
        { value: 735, name: 'Direct' },
        { value: 580, name: 'Email' },
      ]
    }
  ]
};