echarts给label设置不同的颜色

只需要在series.data里面单独添加lable的设置既可

   data: [
            { value: 50, name: 'A',label:{color:'#6fc618'}},
            { value: 38, name: 'D' },
            { value: 32, name: 'C' },
            { value: 150, name: 'B' },
          ],

效果

整个demo例子。

import React,{createRef} from 'react';
import * as echarts from 'echarts';

class Index extends React.Component{
  constructor() {
    super();
    this.sunMapRef = createRef()
  }
  componentDidMount() {
    this.drawSunMap()

  }
  drawSunMap = () => {
    let option = {
      legend: {
        top: 'bottom',
        show: false
      },
      color:['rgba(255,219,83,0.5)', 'rgba(42,238,88,0.5)', 'rgba(255,118,117,0.5)', 'rgba(76,143,255,0.5)'],
      series: [
        {
          name: 'Nightingale Chart',
          type: 'pie',
          radius: [0, 170],
          center: ['50%', '50%'],
          roseType: 'area',
          itemStyle: {
            borderRadius: 0
          },
          data: [
            { value: 50, name: 'A',label:{color:'#6fc618'}},
            { value: 38, name: 'D' },
            { value: 32, name: 'C' },
            { value: 150, name: 'B' },
          ],
          label:{
            show:true,
            color: '#2e2f2e',
            position:'inside',
            fontWeight: "bold",
            fontSize: 20,
            textBorderWidth: 3,
          },
          labelLine: {
            show: false
          }
        }
      ]
    };
    let sunChart =echarts.init(this.sunMapRef.current);
    sunChart.setOption(option)
  }

  render() {
    return <div>
      <div style={{width:'400px',height:'400px',background:'#e9e0fc'}} ref={this.sunMapRef}></div>
    </div>;
  }
}
export default Index

总结：多读文档，这些文档里都有写。只是我文档不熟悉，写的时候找配置总是要找半天- -