2016-06-28 3 views
0

У меня есть массив JavaScript, который выглядит следующим образом:JavaScript-диаграммы: как иметь две категории 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, второй номер документа date и третий номер time (в 24-часовом формате)

Теперь я смогу отобразить график с date на xAxis и id в series.

Это то, что мой график выглядит следующим образом:

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, и вам хорошо.

Сайт: Plugin, Demo

Смежные вопросы