学习echarts设置series.itemStyle.color属性修改柱状图柱体不同颜色

最新推荐文章于 2025-06-04 11:06:00 发布

原创

最新推荐文章于 2025-06-04 11:06:00 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何使用Echarts的series.itemStyle.color属性来为柱状图的每个柱体设置不同的颜色，通过示例代码展示了从原始默认颜色到自定义颜色的效果变化。

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

学习echarts设置series.itemStyle.color属性修改柱状图柱体不同颜色

原始效果图

在这里插入图片描述

修改后效果图

在这里插入图片描述
关键代码

        series: [
            {
   
   
                name: '浏览次数',
                type: 'bar',
                data: [18203, 23489, 29034, 104970, 131744, 630230],
                itemStyle:{
   
   
                    color:'#0078FF',
                }
            }