Echarts柱状图,改变柱状颜色

在使用echarts产生的柱状图中,有时候自动产生的颜色大不如人意,可以通过以下参数进行修改。

series : [
                            {
                                name:'天数',
                                type:'bar',
                                stack: '天',
                                data:[30, 45, 15,60,40],
                                barWidth: 30,
                                itemStyle:{
                                    normal:{
                                        color:'#4ad2ff'
                                    }
                                },
                                label:{ 
                                    normal:{ 
                                        show: true, 
                                        position: 'insideTop'} 
                                        }
                            }
                        ]
  •  

其中,

itemStyle:{
                                    normal:{
                                        color:'#4ad2ff'
                                    }
                                },

以上代码块,便可以修改柱状图颜色。

还有另外的一种方式是用来改变bar的颜色的。

通过添加color属性来改变bar的颜色

猜你喜欢

转载自blog.csdn.net/qq_36826506/article/details/81269023