dmr 发表于 2024-9-25 16:47:57

修改echarts柱状图颜色

操作:
option = {
    //这里就不重要了,可以删掉
    color: ['#c23531','#2f4554', '#61a0a8'],
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
      type: 'value'
    },

    series: [{
      data: ,
      type: 'bar',
      itemStyle: {
            normal: {
      //这里是重点
                  color: function(params) {
                  //注意,如果颜色太少的话,后面颜色不会自动循环,最好多定义几个颜色
                  var colorList = ['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622'];
                  return colorList
                }
            }
      }
    }]
};
页: [1]
查看完整版本: 修改echarts柱状图颜色