echarts饼图渐进色

要在 ECharts 饼图中使用渐进色，你可以使用 ECharts 的渐变色功能。下面是一个示例代码，展示如何在饼图中应用渐进色：

// 设置渐变色的颜色列表
var colorList = [
  '#FFA98C', '#FF8C78', '#FF745D', '#FF5D53', '#FF453F'
];

// 创建饼图实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置饼图的数据和样式
var option = {
  series: [
    {
      type: 'pie',
      radius: '55%',
      data: [
        { value: 335, name: '数据1' },
        { value: 310, name: '数据2' },
        { value: 234, name: '数据3' },
        { value: 135, name: '数据4' },
        { value: 1548, name: '数据5' }
      ],
      itemStyle: {
        normal: {
          color: function(params) {
            // 根据数据的索引返回对应的渐变色
            var index = params.dataIndex % colorList.length;
            return {
              type: 'radial',
              x: 0.5,
              y: 0.5,
              r: 0.5,
              colorStops: [
                { offset: 0, color: colorList[index] },
                { offset: 1, color: colorList[index + 1] }
              ]
            };
          }
        }
      }
    }
  ]
};

// 使用配置项显示饼图
myChart.setOption(option);

在上面的示例代码中，`colorList` 是渐变色的颜色列表，我们可以根据需要自定义这个列表。然后，在饼图的 `itemStyle` 中通过 `color` 属性设置渐变色，利用函数返回不同的渐变色配置。

以上代码中使用了径向渐变色（`type: 'radial'`），并且通过 `colorStops` 属性设置两个颜色的位置和颜色值，这样就实现了渐进色效果。

你可以根据自己的需求调整颜色列表和渐变色的配置。