2012-08-14 120 views
0

我有一個示例Highchart,我嘗試在沒有任何運氣的情況下加載JSON數據。我在firebug中看到數據返回,但圖表欄和線條未繪製。你可以在這裏看到我的圖表jsfiddle.net。我知道我錯過了一些東西,但我似乎無法把它放在手指上。任何幫助將不勝感激,提前謝謝。Highcharts JSON加載問題

這是我的代碼:

$(function() { 
var options = { 
    chart: { 
     renderTo: 'container', 
     zoomType: 'xy' 
    }, 
    title: { 
     text: 'JSON Chart' 
    }, 
    subtitle: { 
     text: '2012 vs 2011' 
    }, 
    credits: false, 
    xAxis: [{ 
     categories:['1','2','3','4','5','6','7','8','9','10'] 
    }], 
    yAxis: [{ // Primary yAxis 
     min: 0, 
     max: 15000, 
     tickInterval: 1000, 
    labels: { 
     formatter: function() { 
      return Highcharts.numberFormat(this.value, 0); 
     }, 
     style: { 
     color: '#89A54E' 
     } 
    }, 
    title: { 
     text: '2012', 
     style: { 
      color: '#89A54E' 
     } 
    } 
    }, { // Secondary yAxis 
     min: 0, 
     max: 15000, 
     tickInterval: 1000, 
    labels: { 
     formatter: function() { 
      return Highcharts.numberFormat(this.value, 0); 
     }, 
     style: { 
      color: '#4572A7' 
     } 
    }, 
    title: { 
     text: '2011', 
     style: { 
      color: '#4572A7' 
     } 
    },       
    opposite: true 
    }], 
    tooltip: { 
     formatter: function() { 
      return Highcharts.numberFormat(this.y, 0); 
     } 
    }, 
    legend: { 
     layout: 'vertical', 
     align: 'left', 
     x: 80, 
     verticalAlign: 'top', 
     y: 40, 
     floating: true, 
     backgroundColor: '#FFFFFF' 
    }, 
    series: [{ 
     name: '2011', 
     type: 'column', 
     yAxis: 1, 
     data: []   
    }, { 
     name: '2012', 
     type: 'spline', 
     data: [] 
     }] 
    }; 
}); 
$.getJSON('data.cfm', function(json) { 
options.series = json;    
var chart = new Highcharts.Chart(options); 
}) 

這裏是data.cfm回報:

[[9233,14837,11442,8080,10302,5373,2450,9612,18656,8999],[7963,7845,8646,5130,2570,8936,17487,9141,6728,6046]]; 
+0

好吧,看起來你從來沒有分配任何數據到你的系列。 – wergeld 2012-08-14 19:13:05

回答

2

Shoulnt是什麼?

options.series[0].data=json[0]; 
    options.series[1].data=json[1]; 
+0

謝謝Jugal,就是這樣。非常感激! – user752746 2012-08-14 20:16:51

+0

我最初試過這個Options.series.data [0] = json [0]; – user752746 2012-08-14 20:19:27