使用数据集和编码API更改特定echarts条形图的颜色

// 引入ECharts库
import echarts from 'echarts';

// 初始化图表实例
const chart = echarts.init(document.getElementById('chart'));

// 准备数据集
const data = [
  { name: 'A', value: 100, color: '#ff0000' },
  { name: 'B', value: 200, color: '#00ff00' },
  { name: 'C', value: 300, color: '#0000ff' },
];

// 配置项
const option = {
  xAxis: {
    type: 'category',
    data: data.map(item => item.name),
  },
  yAxis: {
    type: 'value',
  },
  series: [{
    type: 'bar',
    data: data.map(item => item.value),
    encode: {
      x: 'name',
      y: 'value',
    },
    itemStyle: {
      color: (params) => {
        // 获取当前条形图的索引
        const dataIndex = params.dataIndex;
        // 根据索引从数据集中获取对应条形图的颜色
        return data[dataIndex].color;
      },
    },
  }],
};

// 使用配置项绘制条形图
chart.setOption(option);