修复列之间的空间并在Highcharts上对齐标签

Question

我正在创建一个柱形图，但是我发现柱之间的空间太大，我想减少它们之间的空间。 xAxis上的标签也未对齐。

这是我的小提琴： https : //jsfiddle.net/q3atxr4c/1/ 。

我添加了pointPadding ， borderWidth和groupPadding 。 这些都不起作用。

有什么办法可以减少列之间的空间？

同样，所有值都显示在我的网页上（可以正常使用导航），但不在小提琴上，所以这就是为什么我的div大。

我希望能够调整列的距离并为它们对齐xAxis上的标签。 请帮忙！

Answer 1

只要设置pointWidth （优先级）， pointPadding和groupPadding选项将不起作用。 至于xAxis的标签，它们正确对齐，因为它们在特定类别的所有点的中心。 您看不到它们，因为它们有0个值。 您可以删除0的点或将grouping属性设置为false。

API参考：
https://api.highcharts.com/highcharts/series.column.pointWidth https://api.highcharts.com/highcharts/series.column.grouping

例子：
https://jsfiddle.net/BlackLabel/zsnju2xm/-使用pointPadding和groupPadding并显示所有点
https://jsfiddle.net/BlackLabel/kzrunfv0/-使用grouping