json將數據導入到高級圖

Question

對於我的項目，我想使用下面的json文件在高層圖中顯示。 由於某些原因圖表保持空白。

我想我需要在某種程度上格式化json部分，但我無法看清楚數字如何。 對此我很新穎，所以我希望有人能以簡單的方式向我解釋代碼。 我如何格式化下面的代碼？我想要使​​用柱狀圖。

[ 

     { 
     "stadsdeel":"A Centrum", 
     "veiligheid":18994, 
     "leefbaarheid":3822, 
     "maatschappelijke integriteit":733, 
     "totaal":23549 
     }, 
     { 
     "stadsdeel":"B Westpoort", 
     "veiligheid":878, 
     "leefbaarheid":318, 
     "maatschappelijke integriteit":88, 
     "totaal":1284 
     }, 
     { 
     "stadsdeel":"E West", 
     "veiligheid":8648, 
     "leefbaarheid":1672, 
     "maatschappelijke integriteit":536, 
     "totaal":10856 
     }, 
     { 
     "stadsdeel":"F Nieuw-West", 
     "veiligheid":8673, 
     "leefbaarheid":1832, 
     "maatschappelijke integriteit":690, 
     "totaal":11195 
     }, 
     { 
     "stadsdeel":"K Zuid", 
     "veiligheid":10065, 
     "leefbaarheid":2171, 
     "maatschappelijke integriteit":767, 
     "totaal":13003 
     }, 
     { 
     "stadsdeel":"M Oost", 
     "veiligheid":8284, 
     "leefbaarheid":1576, 
     "maatschappelijke integriteit":511, 
     "totaal":10371 
     }, 
     { 
     "stadsdeel":"N Noord", 
     "veiligheid":5011, 
     "leefbaarheid":1324, 
     "maatschappelijke integriteit":385, 
     "totaal":6720 
     }, 
     { 
     "stadsdeel":"T Zuidoost", 
     "veiligheid":5031, 
     "leefbaarheid":1264, 
     "maatschappelijke integriteit":677, 
     "totaal":6972 
     }, 
     { 
     "stadsdeel":"X onbekend", 
     "veiligheid":196, 
     "leefbaarheid":46, 
     "maatschappelijke integriteit":26, 
     "totaal":268 
     }, 
     { 
     "stadsdeel":"Amsterdam", 
     "veiligheid":65780, 
     "leefbaarheid":14025, 
     "maatschappelijke integriteit":4413, 
     "totaal":84218 
     } 
    ] 

$(document).ready(function() { 

    var options = { 
     chart: { 
      renderTo: 'container', 
      type: 'spline' 
     }, 
     series: [{}] 
    }; 

    $.getJSON('charts.json', function(data) { 
     options.series[0].data = data; 
     var chart = new Highcharts.Chart(options); 
    }); 

}); 

Answer 1

每個點都需要有數值的y參數，因爲highcharts使用這個參數來計算點的位置。