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

时间:2014-12-17 21:02:05

标签: javascript highcharts

我的柱状图显示柱状图: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
   }
},

将列向右移动。但结果,我的最后一个类别是图表外。

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

感谢您的建议。

1 个答案:

答案 0 :(得分:1)

你的方式很好,我找不到更好的方法。正如Rooster在评论中所述datacategories不匹配。

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

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

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

希望这就是你想要的。