0

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 プラグインがインストールされていることについて言及する必要があります。

事前にすべての助けに感謝します。:)

4

0 に答える 0