將SQL輸出傳遞給Javascript以生成動態圖表

Question

我的PHP代碼從SQL中檢索數據並生成動態圖形的Javascript代碼位於同一頁面（graph.php）中。我得到的SQL結果JSON數組與下面的代碼：

$row = $result->fetch_row() 
$row = json_encode($row); 

我的Javascript代碼：

$(function() { 

     $('#container').highcharts({ 
      chart: { 
       type: 'pie' 
      }, 

      plotOptions: { 
       pie: { 
        dataLabels: { 
         distance: -30, 
         color: 'white' 
        } 
       } 
      }, 

      series: [{ 
       data: [ 
        ['result1', 44.2], 
        ['result2',  26.6], 
        ['result3',  20], 
        ['result4', 3.1], 
        ['result5', 5.4] 
       ] 
      }] 
     }); 
    }); 

我要使用從PHP代碼的Javascript JSON數組數據（RESULT1，結果2， result3 .....）。

注意： PHP和Javascript代碼是在同一頁。我沒有發佈或從其他網頁獲取數據。

Answer 1

可以使用這樣的，

series: [{ 
       data:<?php echo $row;//json encoded db data ?> 
      }] 

$行應該是一個JSON字符串。 注意json數據，它應該是你在腳本中顯示的數據格式。