echarts柱状图颜色动态修改

要实现echarts柱状图颜色动态修改，可以使用Echarts提供的API来更新柱状图的颜色配置。具体实现步骤如下：

1. 获取柱状图实例，并定义需要动态修改的颜色数组：

var chart = echarts.init(document.getElementById('chart'));
var colors = ['red', 'blue', 'green', 'yellow', 'orange', 'purple'];

2. 在柱状图的option中，配置柱状图的颜色为一个函数，并返回需要动态修改的颜色数组：

option = {
  ...
  series: [{
    type: 'bar',
    data: [10, 20, 30, 40, 50, 60],
    itemStyle: {
      normal: {
        color: function(params) {
          return colors[params.dataIndex % colors.length];
        }
      }
    }
  }]
  ...
};

3. 定义一个函数，用于动态修改颜色数组：

function updateColors() {
  // 生成一个新的颜色数组
  var newColors = [];
  for (var i = 0; i < 6; i++) {
    newColors.push('#' + Math.floor(Math.random() * 16777215).toString(16));
  }
  // 更新颜色数组
  colors = newColors;
  // 更新柱状图颜色配置
  chart.setOption({
    series: [{
      itemStyle: {
        normal: {
          color: function(params) {
            return colors[params.dataIndex % colors.length];
          }
        }
      }
    }]
  });
}

4. 调用updateColors()函数，即可实现柱状图颜色的动态修改：

setInterval(updateColors, 1000); // 每隔1秒钟更新一次颜色