高图表 - 如何将与刻度线对齐的类别定位为列之间的分隔

Question

我有一个直方图，上面有一个柱形图：jsfiddle在这里。

条形包含区间之间的数据(从 0% 到 10%，从 10% 到 20%，等等(。

因此，我想将不同的间隔值 [0%， ...， 100%] 表示为与当前分隔列的刻度线对齐的数字。

如果我使用

xAxis: {
    categories: ["0%", "10%", "20%", "30%", "40%", "50%", "60%", "70%", "80%", "90%", "100%"],
},

类别最终在每个条形下方对齐。如果我添加

plotOptions: {
    column: {           
       pointPlacement: 0.5
   }
},

这会将列向右移动。但结果，我的最后一个类别不在图表上。

必须有更好的方法来做到这一点。

感谢您的建议。

Answer 1

你的方式很好，我找不到更好的方法。正如Rooster在评论中所说，您的data与categories不匹配.

您无法删除0%类别，因为您的第一个数据介于 0% 到 10% 之间，而不是 10% 到 20% 之间。因此，您需要在数据末尾添加一个null，如下所示：

data: [20, 24, 30, 40, 60, 80, 90, 96, 100, 102, null]

http://jsfiddle.net/6v8awuwh/3/

希望这就是你想要的。