0

私は最終的に、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
4

1 に答える 1