突出显示缺少数据点的多个系列



Highcharts有一个奇怪的问题,似乎找不到一个简单的解决方案。我有手动解析的数据,并转换为图表将使用的实际序列。例如

{
"type": "column",
"name": "Drinks",
"data": [{
"name": "Jan 2017",
"y": 34.523809523809526
}, {
"name": "Mar 2017",
"y": 89.3312101910828
}, {
"name": "Apr 2017",
"y": 91.28724002248454
}, {
"name": "May 2017",
"y": 92.56756756756756
}]
}

问题是缺少某些类别的某些数据项。这样第一个类别可能具有 1 月至 5 月的所有数据,而下一个类别可能只有 1 月、2 月、5 月的数据。图表呈现,但未正确排序。我希望Highcharts只显示任何系列的一个条形图,但它没有。它正确地对第一个项目进行分组,然后隔离一个不在所有系列项目中的数据项目。

请看这个 Jsfiddle。 http://jsfiddle.net/xLjf2wmp/1/

请注意,最后一列是 Feb 2017,但在第二个系列中,它是第二个数据项。所以我的问题为什么高图表忽略排序?我该怎么做才能让它正确排序?

第二个问题:是否可以将类别标签直接放在列下方? 而不必使用图例和/或工具提示?

添加categories:['Jan 2017','Feb 2017','Mar 2017','Apr 2017','May 2017'].xAxis.categories以供参考

更新的小提琴

xAxis: {
type: 'category',
categories:['Jan 2017','Feb 2017','Mar 2017','Apr 2017','May 2017']
},

最新更新