2012-05-15 53 views
0

我正在加載存儲在MySQL數據庫中的數據。 圖表沒有顯示在網頁上,但沒有顯示任何其他警告。在Highcharts中從PHP中加載JSON編碼數據時,不會顯示酒吧

我的PHP網頁返回包含以下信息的JSON編碼標題:

var chart; 
function requestData() { 
    $.ajax({ 
     url:'includes/bin/get_leaders.php', 
     success: function(point) { 
      alert(point); 
     var series = chart.series[0], 
     shift = series.data.length > 20; // shift if the series is longer than 20 
     chart.series[0].addPoint(point, true, shift); 
    }, 
    cache: false 
}); 
$(document).ready(function() { 
chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     type: 'bar', 
     events: {load: requestData} 
    }, 
    title: { 
     text: 'Top Agents' 
    }, 
    xAxis: { 
     type: 'int', 
     title: {text: null} 
    }, 
    yAxis: { 
     min: 0, 
     title: { text: 'Sales this Week', align: 'low'} 
    }, 
    tooltip: { 
     formatter: function() { 
      return ''+ this.series.name +': '+ this.y +' sales'; 
      } 
     }, 
    plotOptions: { 
      bar: { 
       dataLabels: { 
        enabled: true 
       } 
      } 
     }, 
    legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'top', 
      x: -100, 
      y: 100, 
      floating: true, 
      borderWidth: 0, 
      backgroundColor: '#FFFFFF', 
      shadow: false 
     }, 
     credits: { 
      enabled: false 
     }, 
    series: [{ 
     name: 'Sales'  }] 
});   
}); 
}); 

任何線索是怎麼回事:

["John Doe","2","Jane Doe","3"]

加載的信息是下面的腳本? 謝謝!

+0

什麼是錯誤? –

回答

1

看起來你正在傳遞一個[「string」,「number」,「string」,「number」]。 你想要的是{2,3},然後讓你的xAxis使用{「John Doe」,「Jane Doe」}的分類列表。

+0

這正是我想要的,但我不想硬編碼這些值,因爲我從數據庫中檢索數據,基本上會計算每個人處理的訂單數。 所以我想在條形圖中顯示前5名的人。 – ILikeTacos

+1

然後您可能必須事先處理一些數據。獲得前X人/銷售額,然後從中創建系列。您可以遍歷返回的頂部X列表來創建您的類別列表和數據列表。 – wergeld