2016-06-28 45 views
0

我有一个JavaScript数组,看起来像这样:JavaScript highcharts:如何获得两个xAxis类别?

$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,第二个数字ID date,第三个数字是time(以24HR格式)

现在我可以在xAxis上显示date的图形,在series中显示id

这是我的图形看起来像:

This is what I have so far

但我希望它看起来像这样(EXCEL): This is what I want it to look like

如图表所示,我希望将日期并按时间显示id。我怎样才能使用javascript和highcharts?谢谢:)

PS:我不知道你是否有兴趣看到我的JavaScript代码。我可以发布它,如果你想,请在下面留言。

回答

2

您可以使用此Grouped Categories插件Highcharts。操纵你的数据为Highcharts.xAxis,你很好走。

Site:PluginDemo