2016-10-26 3 views
0

は:複雑なjsonデータで高いチャートを得るにはどうすればいいですか?私たちは以下のようにのような複雑なJSONデータがある場合

[{ 
"type":"a", 
"Key1":25, 
"Key2":100, 
"Key3":105, 
"value": [{"Key100":50, 
"Key200":0, 
"Key300":10,}] 
}, 
{ 
"type":"b", 
"Key1":60, 
"Key2":400, 
"Key3":150, 
"value": [{"Key100":30, 
"Key200":30, 
"Key300":0,}] 
}, 
{ 
"type":"c", 
"Key1":35, 
"Key2":80, 
"Key3":85, 
"value": [{"Key100":55, 
"Key200":50, 
"Key300":60,}] 
}] 

を私は上記のデータのための「タイプ」に基づいてグループ化されて行われ、高いチャートを用いて棒グラフを達成しようとしています。

しかし、まだこのデータに基づいてグラフを達成することはできません。

+0

データで何をしたいのか、どのコードを使っているのか、またどの部分があなたの望むように動作していないのか、さらに具体的に説明する必要があります。簡単な答え:複雑なJSONを使ってチャートを作成する方法は、JSONから必要なデータを解析し、Highchartsが理解できるフォーマットにすることです。より具体的な答えは、より具体的な質問が必要です。その間、次のドキュメントを読んでください:http://www.highcharts.com/docs | http://api.highcharts.com/highcharts – jlbriggs

+0

私はすでに、私は上記のJSONデータの "タイプ"フィールドグループに基づいて縦棒グラフを表示したいと説明しました。私はハイチャートが理解できるjsonをフォーマットする必要があることを理解しています... \ parse jsonデータを構文解析するには_.groupByと_.keys関数をアンダースコアとlodashライブラリから試しました..しかし、まだハイチャートをフォーマットすることはできません。 – Conqueror

+1

列チャートでなければならないデータをどのように視覚化したいのかは依然として明確ではありません。デモhttp://jsfiddle.net/s24wzj8c/を参照し、それを参照してください。したがって、実際にはカテゴリまたはシリーズと入力しますか? 「KeyX」とは何か、そして「価値」は何ですか? – morganfree

答えて

1

ハイチャートで理解できる変換データによって、複雑なJSONデータをハイチャートで表示することができます。

データをハイチャートにするには、データをデータ配列でポイント設定に変換する必要があります。ハイチャートシリーズの概念を理解するには、 Highchart (THE DATA IN A SERIES)に従ってください。

関連する問題