2017-01-17 5 views
0

ハイチャートを使用してグラフを作成しようとしています。私のJSON出力は、PHPのjson_encode()によって生成される通常のJSON形式です。 は、ここに私のJSON出力です:HighcartsがJSONデータを読み込まない

[["2015-07-13 16:41:05","3"],["2015-08-15 16:41:05","1"],["2015-09-18 16:41:05","4"],["2015-10-28 16:41:05","3"],["2015-11-20 16:41:05","1"],["2015-11-28 16:41:05","5"],["2015-12-13 16:41:05","1"],["2015-12-21 16:41:05","2"],["2015-12-24 16:41:05","1"],["2015-12-25 16:41:05","2"],["2015-12-28 16:41:05","1"],["2016-01-03 16:41:05","2"],["2016-01-09 16:41:05","4"],["2016-01-14 16:41:05","6"],["2016-01-17 16:41:05","3"],["2016-01-18 16:41:05","3"],["2016-01-20 16:41:05","2"],["2016-01-21 16:41:05","2"],["2016-01-22 16:41:05","2"],["2016-01-23 16:41:05","1"],["2016-01-24 16:41:05","5"],["2016-01-25 13:41:05","1"],["2016-01-25 16:41:00","1"],["2016-01-25 16:41:05","1"],["2016-01-27 16:41:05","1"],["2016-01-28 16:41:05","1"],["2016-01-29 16:41:05","1"],["2016-02-09 16:41:05","1"],["2016-02-10 16:41:05","2"],["2016-02-11 16:41:05","3"],["2016-02-15 16:41:05","2"],["2016-02-18 16:41:05","1"],["2016-02-21 16:41:05","1"],["2016-02-23 16:41:05","1"],["2016-02-24 16:41:05","1"],["2016-02-25 16:41:05","1"],["2016-02-26 16:41:05","1"],["2016-02-28 16:41:05","1"],["2016-03-01 16:41:05","1"],["2016-03-02 16:41:05","1"],["2016-03-05 16:41:05","1"],["2016-03-12 16:41:05","1"],["2016-03-21 16:41:05","1"],["2016-04-25 16:41:05","1"],["2016-05-05 16:41:05","2"],["2016-05-11 16:41:05","1"],["2016-05-12 16:41:05","1"],["2016-05-24 16:41:05","1"],["2016-05-25 16:41:05","1"],["2016-06-01 16:41:05","1"],["2016-06-12 16:41:05","1"],["2016-06-25 10:41:05","1"],["2016-06-25 16:41:05","1"],["2016-07-01 10:41:05","1"],["2016-07-01 16:41:05","1"],["2016-07-02 16:41:05","1"],["2016-07-25 16:21:05","1"],["2016-07-25 16:41:05","1"],["2016-08-13 16:41:05","1"],["2016-08-28 16:41:05","1"],["2016-09-20 16:41:05","3"],["2016-09-29 16:41:05","2"],["2016-10-01 14:20:18","1"],["2016-10-09 14:20:18","1"],["2016-10-10 14:20:18","1"],["2016-10-28 14:20:18","2"],["2016-10-30 14:20:18","2"],["2016-11-01 13:44:29","1"],["2016-11-06 08:26:18","2"],["2016-11-10 13:44:29","1"],["2016-11-13 13:44:29","2"],["2016-11-14 19:13:42","4"],["2016-11-15 23:27:39","3"],["2016-12-06 19:04:06","3"],["2016-12-08 10:49:28","3"],["2016-12-10 23:01:44","1"],["2016-12-14 21:27:44","1"],["2016-12-15 23:27:44","2"],["2016-12-15 23:27:53","3"],["2016-12-18 18:06:28","1"],["2016-12-21 20:06:28","3"],["2016-12-23 20:06:20","5"],["2016-12-29 20:18:18","3"],["2017-01-03 20:06:32","3"]] 

しかしHighcartsは、チャートにデータをロードしません。 URL、出力、データはすべて設定されています。リクエストは200を返し、データはAJAXによってチェックされたとおり定期的にロードされます。 ハイチャート機能があります。私のアプリケーションではいくつかのレポートがあることに注意してください。そのため、cartFilling()関数を指定した理由は次のとおりです。

ご協力いただきまして誠にありがとうございます。

+0

日付文字列をjavascriptタイムスタンプに解析する必要があります。この "2015-07-13 16:41:05"の代わりに、この1436798465000のようにsthが必要です。新しいDate( "2015-07-13 16:41:05").getTime()を使用してjsonを解析します。 – morganfree

答えて

0

あなたのソリューションは完全に機能します。データ配列を書き直すだけで済みます。これに代えて

["2015-07-13 16:41:05", "3"] 

使用この:

[Date.UTC(2015,6,13,16,41,5), 3] 

として、Date.UTC機能であることに注意してください0 = 1月、1 = 2月、など

http://jsfiddle.net/dpegbt7t/

+0

それでもDanielは動作しません。有効なJSON形式は["Date.UTC(2015,6,13,16,41,5)"、 "3"]です。私はそれを試みたが役に立たなかった。また、引用文も削除しました。[Date.UTC(2015,6,13,16,41,5)、3]。これもうまくいかなかった。どう思いますか? –

+0

私はHighCharts 5.0.7をjQuery 1.8.2で使用しています。 http://www.highcharts.com/demo/spline-irregular-time HighChartには、配列の2番目の要素の数値型が必要です。 – Daniel

+0

追加されたタイプ:yAxisに '番号'が使用できません。私はJSONではないデータ型の原因でデータを取得することに問題がありました。また、日付が問題だった。だから、私はチャートが全くロードされていないのを見ました。しかし、今私はいくつかの訂正をしました。それは働いていませんが、少なくとも私は今空のチャートを見ることができます。 –

関連する問題