echart图表颜色

### 自定义 ECharts 图表颜色

#### 使用 `itemStyle` 设置系列项样式

对于不同类型的图表，可以通过配置 `series` 中的 `itemStyle` 来实现颜色的自定义。具体来说，在 `itemStyle.normal.color` 下可以指定颜色值。

当需要为多个数据点分配不同的颜色时，可采用函数形式来动态返回颜色列表中的颜色[^1]：

option = {
  series: [{
    type: 'line',
    itemStyle: {
      normal: {
        color: function(params) {
          var colorList = ['#FF0000', '#FFA500', '#FFFF00', '#5BF4FB', '#63F7FD', '#01FF7B'];
          return colorList[params.dataIndex];
        }
      }
    },
    data: [120, 200, 150, 80, 70, 110, 130],
  }]
};

如果仅需更改单一柱状图的颜色，则可以直接在 `itemStyle.normal.color` 属性中设定固定的颜色值[^2]:

option = {
  series: [{
    name: '',
    type: 'bar',
    data: [120, 200, 150, 80, 70, 110, 130],
    itemStyle: {
      normal: {
        color: "#FFD700"
      }
    }
  }]
};

通过上述方法能够灵活调整 ECharts 图表内的各个部分显示效果，满足多样化的视觉需求。