我正在为 Web 应用程序制作图表。因为这是我的第一个 web 应用程序,所以我寻找了一个快速教程,我找到了这个:http ://mireille.it/example-code-realtime-google-chart-with-mysql-json-ajax/
我将 localhost 更改为:jdbc:mysql://localhost:3306/threadcountstorage,并提供了我的用户名和密码。我已经按照教程(复制并粘贴和编辑了代码)并编译了我的 webapp。
当我加载页面时,我看到的只是一个“表格没有列”标志,就是这样。:(
Bellow 是我的 databaseQuery.php 代码和谷歌图表代码
php
<?php
$con = mysql_connect('locahost', 'root', password) or die('Error connecting to server');
$query = mysql_query('SELECT * FROM threadcount');
$table = array();
$table['cols'] = array(
array('label' => 'id', 'type' => 'number'),
array('label' => 'threads', 'type' => 'number')
);
$rows = array();
while($r = mysql_fetch_assoc($query)) {
$temp = array();
$temp[] = array('v' => (int) $r['id']);
$temp[] = array('v' => (int) $r['threads']);
$rows[] = array('c' => $temp);
}
$table['rows'] = $rows;
$jsonTable = json_encode($table);
echo $jsonTable;
?>
谷歌图表脚本
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var json = $.ajax({
url: 'C:\grails\threadsAPP\grails-app\views\threadcount\databaseQuery.php',
dataType: 'json',
async: false
}).responseText;
var data = new google.visualization.DataTable(json);
var options = {'title':'Total Thread Count',
'width':800,
'height':600};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
最后,我应该提一下,我的机器上没有安装 php,但我的 IDE 上确实有一个 php 插件
预先感谢您的任何帮助。:)