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

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',
        formatter: function (params) { // 默认显示第一个数据
          if (params.dataIndex === 0) {
            return '{p|' + params.percent + '%}' + '\n{nm|' + params.name + '}'
          } else {
            return ''
          }
        },
        emphasis: {
          formatter: function (params) {
            if (params.dataIndex != 0) {
              return '{p|' + params.percent + '%}' + '\n{nm|' + params.name + '}'
            }
          },
        },
        rich: {
          p: {
            fontSize: 16,
            backgroundColor: "white" // 覆盖index=0时的数据
          },
          nm: {
            color: '#333',
            fontSize: 14,
            backgroundColor: "white" // 覆盖index=0时的数据
          }
        }
      },
      labelLine: {
        show: false
      }
    }]
})
var myPie = echarts.init(this.$refs.m