highcharts 设置柱子之间的距离柱子宽度

最新推荐文章于 2023-06-25 10:24:36 发布

不忘初心丶

最新推荐文章于 2023-06-25 10:24:36 发布

阅读量3.4k

点赞数 1

分类专栏： highcharts 文章标签： highcharts柱状图设置宽度

原文链接：https://www.cnblogs.com/wangxiaoyan/p/9316028.html

版权

highcharts 专栏收录该内容

4 篇文章

订阅专栏

本文详细解析了ECharts中柱状图的间距设置，包括pointPadding、groupPadding及pointWidth属性的作用。通过实例说明如何调整柱状图中柱子间的距离，帮助读者掌握更精确的数据可视化技巧。

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

plotOption : { 
    column : {  
        // x轴每个点只用一个柱，则这个属性设置的是相邻的两个点的柱之间的间距。 
        // 如果x轴每个点有2个柱，则这个属性设置的是左侧点的右柱与右侧点的左柱之间的间距。 
        // 0.5的含义是，如果x轴长100px,则间距是100*0.5=50px 
        pointPadding : 0.5 
        // 如果x轴一个点有两个柱，则这个属性设置的是这两个柱的间距。 
        groupPadding : 0.5 ,
　　　　　pointWidth: 20  //设置柱子宽度
    } 
}