echarts5.5.0修改饼图数据块颜色

ECharts 5.5.0版本中，如果你想修改饼图的数据块（也就是每个扇形区域）的颜色，你可以使用`color`属性或者`itemStyle`选项。以下是配置示例：

var option = {
  series: [{
    type: 'pie', // 饼图类型
    name: '各部分占比',
    data: [
      { value: 335, name: '部分A' },
      { value: 310, name: '部分B' },
      { value: 234, name: '部分C' },
      { value: 135, name: '部分D' },
      { value: 156, name: '部分E' }
    ],
    // 修改颜色
    color: ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF'], // 直接提供数组指定颜色
    // 或者通过 itemStyle 配置动态颜色
    itemStyle: {
      normal: {
        color: function(data) { // 使用函数动态生成颜色，data是指当前数据项
          return `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`;
        }
      }
    }
  }]
};

// 初始化图表
echarts.init(document.getElementById('main')).setOption(option);

在这个例子中，`color`属性直接指定了固定的五种颜色，而`itemStyle.color`则是设置了一个回调函数，每次渲染时会返回一个新的随机颜色。