echarts柱状图，改变柱状颜色

最新推荐文章于 2025-07-11 10:20:42 发布

原创最新推荐文章于 2025-07-11 10:20:42 发布 · 8w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#echarts柱状图

echrats 专栏收录该内容

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'
                                    }
                                },

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