私は最終的に、Google チャートの縦棒グラフで php コードを動作させることができました。PHPを実行すると、次の出力が得られます
{"cols":[{"id":"id","label":"second","type":"number"},
{"id":"threads","label":"threads","type":"number"}],"rows":[{"c":[{"v":1},{"v":1411}]},
{"c":[{"v":2},{"v":1411}]},{"c":[{"v":3},{"v":1409}]},{"c":[{"v":4},{"v":1408}]},{"c":
[{"v":5},{"v":1407}]},{"c":[{"v":6},{"v":1408}]},{"c":[{"v":7},{"v":1408}]},{"c":[{"v":8},
{"v":1410}]},{"c":[{"v":9},{"v":1410}]},{"c":[{"v":10},{"v":1412}]},{"c":[{"v":11},
{"v":1415}]}]}
この他の投稿をガイドとして使用すると、ここで、私の出力が正しいと思います。ただし、webapp で縦棒グラフがまだ表示されていないため、完全にはわかりません。
これは、チャートを表示するために使用しているコードです
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var json = $.ajax({
url: 'databaseQuery.php',
dataType: 'json',
async: false
}).responseText;
var data = new google.visualization.DataTable(json);
var options = {
title: 'Active Threads',
is3D: 'false',
width: 800,
height: 600
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
正常に表示されるテーブルがあります。これもmysqlサーバーからデータを取得しており、グラフがテーブルに表示する必要があるのと同じデータを示しています。
私はこのコードを調べてきましたが、間違いを見つけることができないようです。誰かが間違いを指摘したり、より良い方法を提案したりできますか? エラーが JSON にある場合、正常に動作するにはどのように見える必要がありますか?
また、私のデータベースのテーブルは次のようになります
id threads
1 1411
2 1411
3 1409
4 1408
5 1407
6 1408
7 1408
8 1410
9 1410
10 1412
11 1415