javascript - Highcharts 多个缺少数据点的系列

Question

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
    }]
  }

问题是某些类别的某些数据项丢失。这样第一个类别可能具有一月至五月的所有数据，而下一类别可能仅具有一月、二月、五月的数据。图表已呈现，但未正确排序。我希望 Highcharts 只显示任何系列的一个条形图，但事实并非如此。它正确地对第一个项目进行分组，然后隔离不在所有系列项目中的一个数据项。

请参阅此 Jsfiddle。 http://jsfiddle.net/xLjf2wmp/1/

请注意，最后一列是 2017 年 2 月，但在第二个系列中，它是第二个数据项。所以我的问题是为什么 highcharts 忽略排序？我该怎么做才能让它正确排序？

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

Answer 1

您添加类别:['2017 年 1 月'、'2017 年 2 月'、'2017 年 3 月'、'2017 年 4 月'、'2017 年 5 月']。 xAxis.categories供引用

Updated fiddle

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