2013-02-21 80 views
2

基本上,我有這http://jsfiddle.net/TWF6N/如何讓Highcharts從外部JSON文件中提取數據?

而不是在JS文件中的數據系列,我想讓JS檢索一個JSON文件。

我不希望這是JS文件:

data = {"aaData": [ 
    [1, "70.1700", "2008-12-29 11:23:00"], 
    [2, "70.2600", "2008-12-29 16:22:00"], 
    [3, "70.6500", "2008-12-30 11:30:00"], 
    [4, "70.8700", "2008-12-30 16:10:00"], 
    [5, "70.5500", "2009-01-02 11:09:00"], 
    [6, "70.6400", "2009-01-02 16:15:00"] 
]}; 

我如何呢?

謝謝。

回答

0

大概你使用的是像php或asp.net這樣的服務器端技術?如果是這樣,那麼你可以打電話回服務器來接收HttpResponse中的json。

3
the HighChart documentation

直:

你的JSON數據是這樣的:

[ 
    [1, "70.1700", "2008-12-29 11:23:00"], 
    [2, "70.2600", "2008-12-29 16:22:00"], 
    [3, "70.6500", "2008-12-30 11:30:00"], 
    [4, "70.8700", "2008-12-30 16:10:00"], 
    [5, "70.5500", "2009-01-02 11:09:00"], 
    [6, "70.6400", "2009-01-02 16:15:00"] 
] 

而且你的JS會是這個樣子:

$(function() { 
    var chart; 
    $.getJSON('data.json', function(jsonData) { 
     chartOptions.series = jsonData; 
     chart = new Highcharts.Chart(chartOptions); 
    }); 

    var chartOptions = { 
     chart: { 
      renderTo: 'container' 
     }, 
     xAxis: { 
      type: 'datetime' 
     }, 

     series: [] 
    }; 
});