[echarts配置]柱状图设置最低高度

最新推荐文章于 2025-02-24 10:52:19 发布

风行于天

最新推荐文章于 2025-02-24 10:52:19 发布

阅读量1.2k

点赞数 2

文章标签： echarts 前端 javascript

本文链接：https://blog.youkuaiyun.com/m0_46251885/article/details/137150162

版权

文章介绍了如何在ECharts中设置柱状图的最低高度为10，以保证即使数据为0也显示一个视觉基准。同时，还探讨了如何根据数据值动态控制柱子颜色，使其在无数据时透明或显示白色。

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

echarts设置柱子的最低高度

# 设置柱子的最低高度为10 
series: {    
    type: 'bar',    
    barMinHeight: 10,    
}

# 无数据的不显示柱子
series: {    
    type: 'bar',    
    barMinHeight: 10, // 设置柱子的最低高度为10    
    itemStyle: {       
        color: function(params) { 
             // 设置透明（rgba(0, 0, 0, 0)） 或者 白色（#ffffff）
            return params.value > 0 ? '#6ECBFF' : '#ffffff';   
        }    
    }
}