如何在Highcharts的同一頁面上從HTML DIV獲取JSON數據？

Question

我試圖渲染一個使用JSON數據作為其源的Highchart。 但是，不是將其存儲在不同的文件或網頁中，而是在同一頁面上的HTML部門中創建（來自MYSQL查詢）。 我可以對以下代碼進行哪些更改，以便它將從所需的div讀取JSON數據（讓我們將其JSONContainer ）：

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

我嘗試使用getElementByID('JSONContainer')代替'data.json'但我想這不是正確的方法。 我能做什么？

編輯：這是我的代碼：

$.getJSON("getElementById(JSONContainer)", function(json) {
    options.xAxis.categories = json[0]['data']; //rendering X Axis
    $.each(json, function( index, value ) {
             options.series[index-1] = value;  //Making sure we skip first as that is X Axis
    }); 
    chart = new Highcharts.Chart(options);
});

Answer 1

你不需要使用$.getJSON來獲取已經在html div上的數據。

如果您的數據如下所示

<div id="JSONContainer">[{"name":"LOG_DATE","data":["2015-09-08","2015-09-09"]},{"name":"a","data":[30.5‌​,87.5]},{"name":"b","data":[55.5,82.4]},{"name":"c","data":[82,57.46]},{"name":"d‌​","data":[82.4,87.4]}]</div>

就這樣做吧

var json = JSON.parse($('#JSONContainer').text());

options.xAxis.categories = json[0]['data']; //rendering X Axis
$.each(json, function( index, value ) {
    options.series[index-1] = value;  //Making sure we skip first as that is X Axis
}); 
chart = new Highcharts.Chart(options);

PS： "圍繞鍵和值很重要，因為JSON解析需要它。

希望能幫助到你！