echarts给柱子设置不同颜色

echarts给柱子设置不同颜色

前几天一个月薪35k的兄弟，给我推了一个人工智能学习网站，看了一段时间挺有意思的。包括语音识别、机器翻译等从基础到实战都有，很详细，分享给大家。大家及时保存，说不定啥时候就没了。

var colors = ['#4587E7','#35AB33','#F5AD1D','#ff7f50','#da70d6','#32cd32','#6495ed'];
option = {
    ...
    series:[{
        ...
        itemStyle: {
            color: function(params) {
                // 通过返回值的下标一一对应将颜色赋给柱子上，return出去什么颜色就是什么颜色，这里可以写判断
                // console.log(params)
                if(cityList[0].indexOf(params.name) != -1) {
                      return colors[0]
                } else if(cityList[1].indexOf(params.name) != -1) {
                      return colors[1]
                }
                // return colors[params.dataIndex];
            }
        }
        ...
    }]
}

参考：Echarts给柱子设置不同颜色点击并改变颜色

一般echarts设置颜色，直接在option里设置颜色组就可以了，然后图例和bar/line都会对应颜色组的color

option = {
   color: ['#333', '#666', '#999']
}