2016-07-04 126 views
0

需要具有用於泡泡圖的json格式。數據來自json格式的數據庫。在我使用的json格式中有一些問題。 繼承人我的代碼和JSON格式高圖泡泡圖dynamic-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] 
       }] 



    }); 
}); 
}); 

和繼承人JSON數據:

[[{ 「月」: 「七月」, 「成本」: 「632678」, 「利潤」: 「457695」, 「收入」:「637845」},{「月」:「8月」,「費用」:「776344」,「利潤」:356179「,」收入「:」593207「},{」Month「 「成本」:「248527」,「利潤」:「70855」,「收入」:「532231」},{「月」:「10月」,「成本」:「286024」,「利潤」:「451776」 ,「收入」:「217594」}],[{「月份」:「8月」,「費用」:「776344」,「利潤」:「356179」,「收入」:「593207」}, :「9月」,「成本」:「248527」,「利潤」:「70855」,「收入」:「532231」},{「月」:「10月」,「費用」:「286024」 :「451776」,「收入」:「217594」}]]

回答

3

您的JSON存在錯誤。在第二個數組內,在屬性「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

謝謝你..會看着它 –