2016-06-28 13 views
0

私はこのようになり、JavaScriptの配列を有する:JavaScriptのハイチャート:2つの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である、第2の数のID date及び第三の数は(24時間形式)timeあるが

今度はxAxisdateのグラフを、seriesidというグラフを表示できます。

これは私のグラフは次のようになります。

This is what I have so far

しかし、私はそれがこのように(エクセル)を見てみたい: This is what I want it to look like

グラフに示されるように、私はグループに日付をしたいです時間の単位でidを表示します。どうすればjavascriptとhighchartsを使ってそれを行うことができますか?ありがとうございました:)

PS:JavaScriptコードの表示に興味があるかどうかわかりません。あなたが望むなら私はそれを掲示することができます、ちょうどコメントを残してください。

答えて

2

HighchartsのこのGrouped Categoriesプラグインを使用できます。 Highcharts.xAxisのためのあなたのデータを操作し、あなたは行こうとしています。

サイト:PluginDemo

関連する問題