JavaScript highcharts：如何拥有两个xAxis类别？

Question

我有一个看起来像这样的JavaScript数组：

$scope.myArray = [
(6, '03/02/2016', '10'),
(1, '03/02/2016', '12'),
(1, '03/02/2016', '12'),
(1, '03/02/2016', '12'),
(3, '03/02/2016', '13'),
(1, '03/02/2016', '13'),
(1, '03/02/2016', '14'),
(1, '03/02/2016', '15'),
(2, '03/03/2016', '15'),
(2, '03/08/2016', '09'),
(1, '03/09/2016', '02')];

因此，列表中的第一个数字是id，第二个数字是date，第三个数字是time（24HR格式）

现在，我可以在date上显示xAxis的图表，在id中显示series。

这就是我的图表：

但我希望它看起来像这样（Excel）：

如图表所示，我想对日期进行分组并按时间显示id。我怎么能用javascript和highcharts做到这一点？谢谢:)）

PS：我不知道您是否有兴趣查看我的JavaScript代码。如果你愿意，我可以发布它，只需在下面发表评论。

Answer 1

您可以将此Grouped Categories插件用于Highcharts。操纵Highcharts.xAxis的数据，你就可以了。

网站：Plugin，Demo