2013-02-21 79 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: [] 
    }; 
});