Web アプリのグラフを作成しています。これは私の最初の webapp であるため、簡単なチュートリアルを探したところ、次のものが見つかりました: http://mireille.it/example-code-realtime-google-chart-with-mysql-json-ajax/
localhost を jdbc:mysql://localhost:3306/threadcountstorage に変更し、ユーザー名とパスワードを指定しました。チュートリアル(コードをコピーして貼り付けて編集)に従い、Webアプリをコンパイルしました。
ページをロードすると、「テーブルに列がありません」というサインだけが表示されます。:(
以下は、databaseQuery.php および Google チャート コードのコードです。
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;
?>
Google チャート スクリプト
<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 プラグインがインストールされていることについて言及する必要があります。
事前にすべての助けに感謝します。:)