Echarts柱状图，改变柱状颜色

最新推荐文章于 2025-02-05 16:54:58 发布

云皓

最新推荐文章于 2025-02-05 16:54:58 发布

阅读量4.1w

点赞数 7

分类专栏： Echarts 文章标签： Echarts

Echarts 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在ECharts中自定义柱状图的颜色，包括通过itemStyle和color属性两种方式进行修改的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用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的颜色的。