echarts 环形图中间默认显示第一条数据（默认显示第一个label且label文字颜色不同）

最新推荐文章于 2024-07-26 15:37:42 发布

Hzzzz_zzzzz

最新推荐文章于 2024-07-26 15:37:42 发布

阅读量7.2k

点赞数 2

本文链接：https://blog.csdn.net/Zoey_J/article/details/102395579

版权

本文介绍了如何在Echarts环形图中实现默认突出显示第一条数据，并通过rich设置使标签文字颜色不同。关键在于使用回调函数判断数据索引，并设置特定背景色以覆盖默认样式。

摘要由CSDN通过智能技术生成

在这里插入图片描述

var myPie = echarts.init(this.$refs.myPie)
myPie.setOption({
  color: ['red', 'orange', 'yellow', 'green', 'mediumpurple', 'blue', 'purple', 'grey'],
  series: [{
      type: 'pie',
      radius: ['30%', '50%'],
      data: [
        {name: '魅族', value: 300},
        {name: '小米', value: 380},
        {name: '华为', value: 460},
        {name: '三星', value: 340},
        {name: '苹果', value: 500},
        {name: 'oppo', value: 560},
        {name: 'vivo', value: 544},
        {name: '其他', value: 200}
      ],
      label: {
        fontSize: 16,
        lineHeight: 20,
        position: 'center',