echarts柱状图设置渐变

可以使用echarts中的渐变色来设置柱状图的颜色。具体实现方法如下：

1. 在option中定义一个颜色数组，数组中每个元素都是一个对象，包含了渐变的起始颜色和结束颜色。

color: [
  {
    type: 'linear',
    x: 0,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [
      {
        offset: 0,
        color: '#00ffe8' // 0% 处的颜色
      },
      {
        offset: 1,
        color: '#006388' // 100% 处的颜色
      }
    ],
    globalCoord: false // 缺省为 false
  }
]

2. 在series中设置itemStyle，使用渐变色作为柱状图的填充色。

itemStyle: {
  normal: {
    color: function(params) {
      var colorList = [
        {
          type: 'linear',
          x: 0,
          y: 0,
          x2: 0,
          y2: 1,
          colorStops: [
            {
              offset: 0,
              color: '#00ffe8' // 0% 处的颜色
            },
            {
              offset: 1,
              color: '#006388' // 100% 处的颜色
            }
          ],
          globalCoord: false // 缺省为 false
        }
      ];
      return colorList[params.dataIndex % colorList.length];
    }
  }
}