PHP：從數據庫中獲得的數據供應給JQuery的圖表

Question

data.php將返回：

{name: 'orcamento', data: [14000.00,8500.00,0.00]},{name: 'real', data: [2038.00,120.00,15000.00]},{name: 'desvio', data: [-11962.00,-8380.00,15000.00]} 

我想用這個數據來養活的圖表。如果我鍵入下面的代碼，它工作得很好：

$(document).ready(function(){ 
    var options={ 
     chart: { 
      renderTo:'container', 
      type: 'bar' 
     }, 
     title: { 
      text: 'Total Anual' 
     }, 
     xAxis: { 
      categories: ['Vendas', 'Serviços', 'Outras'] 
     }, 
     series: [{name: 'orcamento', data: [14000.00,8500.00,0.00]},{name: 'real', data: [2038.00,120.00,15000.00]},{name: 'desvio', data: [-11962.00,-8380.00,15000.00]}] 
    }; 
}); 

但下面的代碼不起作用：

$(document).ready(function(){ 
    var options={ 
     chart: { 
      renderTo:'container', 
      type: 'bar' 
     }, 
     title: { 
      text: 'Total Anual' 
     }, 
     xAxis: { 
      categories: ['Vendas', 'Serviços', 'Outras'] 
     }, 
     series: [$.get('data.php')] 
    }; 
}); 

爲什麼？

編輯：我也試過這個沒有運氣：

$(document).ready(function(){ 
    var dados=[]; 
    $.ajax({ 
     url:'data.php', 
     success: function(response){ 
      dados=response 
     } 
    }); 

    var options={ 
     chart: { 
      renderTo:'container', 
      type: 'bar' 
     }, 
     title: { 
      text: 'Total Anual' 
     }, 
     xAxis: { 
      categories: ['Vendas', 'Serviços', 'Outras'] 
     }, 
     series: [dados] 
    }; 
}); 

EDIT2：也試過以下，但我得到一個空的圖表：

$(document).ready(function(){ 
    var dados=[]; 

    $.ajax({ 
     url:'data.php', 
     success: function(response){ 
      dados=response 
     }, 
     async:false 
    }); 

    var options={ 
     chart: { 
      renderTo:'container', 
      type: 'bar' 
     }, 
     title: { 
      text: 'Total Anual' 
     }, 
     xAxis: { 
      categories: ['Vendas', 'Serviços', 'Outras'] 
     }, 
     series: [dados] 
    }; 

    var chart = new Highcharts.Chart(options); 
}); 

在JSONLint，我得到的錯誤：

Parse error on line 1: 
{ name: 'orcamento', 
-----^ 
Expecting 'STRING', '}' 

Answer 1

在你的編輯問題，dados變種可能不是當你定義的選項設置。因爲ajax響應是異步的。嘗試編輯這樣的：

$(document).ready(function(){ 
    var dados=[]; 
    var options = {}; 
    $.ajax({ 
     url:'data.php', 
     success: function(response){ 
      dados=$.parseJSON(response); // EDITED 
      options={ 
       chart: { 
        renderTo:'container', 
        type: 'bar' 
       }, 
       title: { 
        text: 'Total Anual' 
       }, 
       xAxis: { 
        categories: ['Vendas', 'Serviços', 'Outras'] 
       }, 
       series: [dados] 
      }; 
      var chart = new Highcharts.Chart(options); 
     } 
    }); 
}); 

在PHP中JSON的結果，把[]是這樣的：

[{name: 'orcamento', data: [14000.00,8500.00,0.00]},{name: 'real', data: [2038.00,120.00,15000.00]},{name: 'desvio', data: [-11962.00,-8380.00,15000.00]}]

Answer 2

$ .get（'data.php'）將忽略返回結果。 請參閱https://api.jquery.com/jQuery.get/

您必須使用回調。

乾杯， Ĵ