2012-09-03 35 views
0

我想要一個簡單的腳本/庫,通過它我可以繪製像線,列,餅圖等簡單的圖形 沒有ajax,json,flash pls ... 我已經試過pChart ,amCharts但面對每...使用谷歌可視化一些或其他問題api..found它不錯,但無法養活數據從我的MySQL數據庫圖表 我的代碼去如下:在PHP中使用谷歌圖表API實現圖形

<?php 
include('dbconnect.php'); 
$sql_data = mysql_query("SELECT date , value FROM table1 WHERE 
           value ='xyz' ORDER BY date DESC"); 
?> 
<html> 
<head> 
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <?php echo "<script type=text/javascript>"; 
    echo "google.load(\"visualization\", \"1\", {packages:[\"corechart\"]});"; 
    echo "google.setOnLoadCallback(drawChart);"; 
    echo "function drawChart() { "; 
    echo "var data = google.visualization.arrayToDataTable([ 
    ['Date', 'Score'],"; 
    while($result = mysql_fetch_array($sql_data)) 
    { 
    echo "[".$result['date'] .",".$result['value']."]"; 
    } 
    echo " ]);"; 

    echo "var options = { 
     title: 'Score Analysis' 
    };"; 

    echo "var chart = new google.visualization.LineChart(document.getElementById('chart_div'));"; 
    echo "chart.draw(data, options);"; 
    echo "} 
</script>"; 

?> 
    </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
    </html> 
+0

它究竟在哪裏失敗?你是否得到js錯誤? PHP錯誤? MySQL錯誤?發佈客戶端源也會有所幫助。 – AllInOne

回答

0

您需要除了最後一個數據之外的每一行數據之後的逗號。與其呼應,當您去,結果設置爲變量...

$display .= "[".$result['date'] .",".$result['value']."],"; 

當循環結束砍掉後面的逗號:

$display .= substr($display, 0, -1); 

然後

echo $display; 

見google排行榜:

http://code.google.com/apis/ajax/playground/?type=visualization#line_chart

+0

沒有什麼比您提到的更改後顯示的空白屏幕顯示你 – Nikhil

+0

你想發佈你的新代碼嗎? – AllInOne