javascript - Highcharts - 如何定位与刻度线对齐的类别作为列之间的分隔？

Question

我有一个用柱形图显示的直方图:jsfiddle here .

条形包含间隔之间的数据(从 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 在评论中所说，您的数据与类别不匹配。

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

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

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

希望这是你想要的。