echarts pie label 文字颜色跟随数据块颜色?

我希望的:

// 如果使用  data.label.color , 那echarts 的颜色集如何获取呢? 或者还有别的方法吗?
阅读 2.2k
1 个回答

data的每一项单独设立label样式就可以了
image.png
实例:
image.png

option = {
  title: {
    text: 'Referer of a Website',
    subtext: 'Fake Data',
    left: 'center'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    orient: 'vertical',
    left: 'left'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: '50%',
      data: [
        {
          value: 1048,
          name: 'Search Engine',
          label: {
            color: '#5c7bd9'
          }
        },
        {
          value: 735,
          name: 'Direct',
          label: {
            color: '#91cc75'
          }
        },
        {
          value: 580,
          name: 'Email',
          label: {
            color: '#fac858'
          }
        },
        {
          value: 484,
          name: 'Union Ads',
          label: {
            color: '#ee6666'
          }
        },
        {
          value: 300,
          name: 'Video Ads',
          label: {
            color: '#73c0de'
          }
        }
      ],

      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  ]
};
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题