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

Question

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

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

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

我是否可以减少列之间的空间？

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

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

Answer 1

只要设置了contrl+alt+I（优先），<BrowserRouter> <LoadingProvider> <Router/> </LoadingProvider> </BrowserRouter> 和pointPadding选项就不会起作用。至于xAxis的标签，它们正确对齐，因为它们在特定类别的所有点的中心。您看不到它们，因为它们有0个值。您可以删除0的点或将groupPadding属性设置为false。

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

示例：
https://jsfiddle.net/BlackLabel/zsnju2xm/-使用pointWidth和grouping，所有点均可见
https://jsfiddle.net/BlackLabel/kzrunfv0/-使用pointPadding