HighChart柱状图设置pointWidth=26后柱状不相邻问题求助
HighCharts柱状图设置固定柱宽后紧密相邻的解决方法
要解决设置pointWidth=26后柱状图不相邻的问题,只需调整柱状图的内边距参数即可:
- 在
plotOptions.column配置中,将pointPadding和groupPadding都设为0,这样就能让柱子紧密贴合,同时保留你设置的26px柱宽。 - 单系列场景下,这两个参数设为0就能完全消除柱子间的空隙;如果是多系列柱状图,
groupPadding控制不同组之间的间距,按需调整即可。
具体代码修改示例:
plotOptions: { column: { pointWidth: 26, pointPadding: 0, // 消除单个柱子左右的内边距 groupPadding: 0 // 消除组(多系列时)左右的内边距 } }
原理说明:pointPadding是每个柱子自身的左右内边距,groupPadding是柱状图组整体的左右内边距,默认值不为0,所以设置固定柱宽后会出现空隙,将它们设为0就能让柱子紧密相邻。
内容的提问来源于stack exchange,提问作者LeeM
相关产品推荐
相关产品推荐

