如何防止高图表中的条形相互重叠?

Question

HIGH CHARTS 

请看JSFIDDLE。在这里，条形相互重叠。如何通过动态调整条形宽度来防止这种情况。

Answer 1

如果发生这种情况，是因为您使用固定值设置了条形宽度。如果希望条形占据宽度的所有可用位置，而不是使用pointWidth，请将pointPadding设置为 0，将groupPadding设置为 0，将borderWidth设置为 0。

API 参考：
http://api.highcharts.com/highcharts/plotOptions.bar.pointPadding
http://api.highcharts.com/highcharts/plotOptions.bar.groupPadding
http://api.highcharts.com/highcharts/plotOptions.bar.borderWidth

示例：
http://jsfiddle.net/yek6g5vy/

Answer 2

如果可能，删除容器内联 css 高度。

小提琴演示

或者您可以使用高库存使用滚动条.js

xAxis: {
categories: ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'sixth', 'seventh'],
allowDecimals: false,
min: 0,
max: 4,
scrollbar: {
enabled: true
},
},

小提琴演示