如何使數據庫中的值使用浮動圖表？

Question

我想用一些數據庫值綁定堆積的條形圖。我使用硬編碼的值工作。我如何使用數據庫中的值？

目前，我有這個代碼的JavaScript文件：

$(function() { 
    var css_id = "#placeholder"; 
    var data = [ 
     {label: 'Strong', data: [[1,250], [2,250], [3,250], [4,250], [5,250], [6,250], [7,250], [8,250], [9,250], [10,250], [11,250], [12,250]]},   
     {label: 'Weak', data: [[1,200], [2,200], [3,200], [4,200], [5,200], [6,200], [7,200], [8,200], [9,200], [10,200], [11,200], [12,200]]},   
      {label: 'Medium', data: [[1,50], [2,50], [3,50], [4,50], [5,50], [6,50], [7,50], [8,50], [9,50], [10,50], [11,50], [12,50]]},   
    ]; 
    var options = { 
     series: {stack: 0, 
       lines: {show: false, steps: false }, 
       bars: {show: true, barWidth: 0.9, align: 'center'}, 
       }, 
     xaxis: {ticks: [[1,'Jan'], [2,'Feb'], [3,'March'], [4,'April'], [5,'May'],[6,'June'],[7,'July'],[8,'August'],[9,'Sept'],[10,'Oct'] ,[11,'Nov'],[12,'Dec'] ]}, 
    }; 

    $.plot($(css_id), data, options); 
}); 

Answer 1

最簡單的方法是產生在服務器端的文件。這意味着，你的PHP代碼是迴應整個東西，從數據庫中獲取數字。

製作副本從這個js文件，並用佔位符代替的數字，使它成爲一個模板：

{標籤： '強'，數據：[[1，＃STRONG_1]，[2，＃ STRONG_2] ...]}

從此，你的PHP（或者你正在使用服務器端語言）程序自帶：

1. 裝入模板
2. 從數據庫中讀取數據
3. 模板替換值的佔位符
4. 回聲它

您可以使用URL參數告訴它的數據是要讀，例如程序mygraph.php？date = 20100629

此外，您必須將此代碼（步驟1-4）插入到頁面生成器腳本中。不要忘記在你的JS代碼之前和之後添加打開和關閉「script」標籤。

如果你完成了這個，你應該學會如何做與AJAX類似的工作。