我的柱状图显示柱状图: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
}
},
将列向右移动。但结果,我的最后一个类别是图表外。
必须有更好的方法来做到这一点。
感谢您的建议。
答案 0 :(得分: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/
希望这就是你想要的。