JavaScript Highcharts : how to have two xAxis categories?

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(采用24小时格式) )

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

这就是我的图表的样子:

但我希望它看起来像这样(Excel):

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

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

Answer 1

您可以使用 Highcharts 的分组类别插件。操作 Highcharts.xAxis 的数据，就可以开始了。

网站:Plugin , Demo