2017-05-03 8 views
-1

誰でも外部のjsonファイルからのデータであるハイチャートのコードを共有できますか?外部のjsonファイルでハイチャートを作成するにはどうすればよいですか?

私は自分の投稿に関連するすべての資料を読むことを試みますが、まだgetJSONを使用して上位グラフを作成することはできません。

これは私のJSONファイルの一部です:

[{"indicator":"ClassC","month":201611,"ww":201648,"test_time":0.0,"p":48.0,"Product":"RB"},{"indicator":"ClassC","month":201612,"ww":201649,"test_time":47.48,"p":48.0,"Product":"RB"}...] 
+0

からのデータによって置き換えられるべき

$.getJSON('your url', function (data) { var datas = JSON.parse(data) var myArray = []; for(var i in datas) { myArray.push(datas[i]); } var mydata = myArray.map(i=>([i.month,i.p])); // Create the chart Highcharts.stockChart('container', { rangeSelector: { selected: 1 }, title: { text: 'AAPL Stock Price' }, series: [{ name: 'AAPL', data: mydata, tooltip: { valueDecimals: 2 } }] }); }); 

更新されたコードは、この重複していないです返されるJSON形式を見つけることができますhttp://stackoverflow.com/questions/43749836/how-to-extract-data-fron-json-to-javascript-highchart? –

+0

[データをfron jsonからjavascriptハイチャートに抽出する方法は?](http://stackoverflow.com/questions/43749836/how-to-extract-data-fron-json-to-javascript-highchart) – user3351605

答えて

0

ちょうどこのフィドルを確認してください。あなたは答えを見つけることとして、ここで

https://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/highcharts/demo/line-basic/

ともそこに使用されるAPIをチェックしています。あなたは

https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?. 

VAR件のデータセクションが$ .getJson

+0

はいこれを読んで今私のコードは実際にこのウェブサイトからコピーします、jsonファイルも同じフォーマットですが、今度はjsonファイルを読み込むためにgetJSONを使い、チャートのタイトルはjsonのデータに基づいています。ここから始まり、私はグラフを見ることができず、エラーもありませんでした...私は実際にgetJSONをどのように挿入するのか分かりません –

+0

getjsonから受け取ったサンプルjson形式を投稿してください。 –

+0

私は実際のデータフォーマットは次のようでなければならない –

関連する問題