2016-07-04 2 views
0

バブルチャートのjsonフォーマットが必要です。 データはjson形式でデータベースから取得されました。私はjson形式でいくつかの問題があります。 HERESに私のコードとJSON形式ハイチャートバブルチャートダイナミック - jsonフォーマット

$(function() { 

$.getJSON("scatter.json", function(json3) { 




var chart; 
    chart = new Highcharts.Chart({ 

     chart: { 
      type: 'bubble', 
      renderTo: 'container4', 
      plotBorderWidth: 1, 
      zoomType: 'xy' 
     }, 

     title: { 
      text: 'Cost, Profit and Revenue' 
     }, 
     subtitle: { 
       text: 'for 2012' 
      }, 
     xAxis: { 
      gridLineWidth: 1, 
       title: { 
        style: { 
         fontSize: '9px',    
        }    
       },    
     }, 

     yAxis: { 
      startOnTick: false, 
      endOnTick: false, 
      title: { 
        text: 'In Dollars' 
       }, 
      max:500000, 
      min:0 
     }, 

     series: [{ 
        name: 'companyA', 
        data: json3[0] 
        }, { 
        name: 'companyB', 
        data: json3[1] 
       }] 



    }); 
}); 
}); 

とHERESにJSONデータ:

[[{ "月": "7月"、 "コスト": "632678"、 "利益": "457695"、 "収益": "637845"}、{"月" "8月"、 "コスト": "776344"、 "利益":356179 "、"収入 ":" 593207 "}、{"月 " 、 "Cost": "2485​​27"、 "Profit": "70855"、 "Revenue": "532231"}、{"Month": "Oct"、 "Cost": "286024"、 "Profit": "451776" 、 "収入": "217594"}]、[{月 ":" 8月 "、"コスト ":" 776344 "、"利益 ":" 356179 "、"収入 ":" 593207 " : "月": "10月"、 "コスト": "286024"、 "利益": "9月"、 "コスト": "2485​​27"、 "利益": "70855"、 "収入": "532231" : "451776"、 "Revenue": "217594"}]]

答えて

3

JSONに間違いがあります。 2番目の配列内では、プロパティ 'Profit'の値の前に最初の引用符がありません。 JSONを検証するには、http://jsonlint.com/というページを使用します。この例を見てください:http://jsfiddle.net/tbb71s88/3/

series: [{ 
    name: 'companyA', 
    data: results[0] 
}, { 
    name: 'companyB', 
    data: results[1] 
}] 

このようなことを達成したいですか?この作業を行うには、ここで説明するように、バブルシリーズデータに合わせてJSON構造を変更する必要があります:http://api.highcharts.com/highcharts#plotOptions.bubble

+0

ありがとうございました。 –

関連する問題