0

私の小さなツールでは、Google チャートを使用してダッシュボードに取り組んでいます。PHPとmysqlを使用して、さまざまなグラフにデータを入力することができました。ページが読み込まれると、YTD (それぞれすべてのデータ) を取得していますが、ボタンを押して、現在の月または週に基づくデータのみを表示する可能性を与えたいと考えています。現在、既存の円グラフを新しい値で更新するのに問題があり、これを行う方法がわかりません。そのため、どんな助けでも大歓迎です。

円グラフを初期化するコード

<script type="text/javascript">             // Load the Visualization API and the piechart package.             google.load('visualization', '1', {'packages':['corechart']});

            // Set a callback to run when the Google Visualization API is loaded.           google.setOnLoadCallback(drawChart);

            function drawChart() {
                var json = $.ajax({

                    url: 'data2.php', // make this url point to the data file
                    dataType: 'json',
                    async: false
                }).responseText;


                // Create our data table out of JSON data loaded from server.
                var data = new google.visualization.DataTable(json);
                var options = {
                    chartArea: {left:0, height:"90%", width:"100%"}


                };
                // Instantiate and draw our chart, passing in some options.
                //do not forget to check ur div ID

             var chart = new google.visualization.PieChart(document.getElementById('chart_div2'));

                chart.draw(data, options);



            }       </script>

HTML では、円グラフの下に 3 つのボタンが表示されます。

<div class="btn-group">
<button id="datebutton0" class="btn btn-danger" onClick="updateButton(0);">YTD</button>
<button id="datebutton1" class="btn" onClick="updateButton(1);" title="Woche">Month</button>
<button id="datebutton2" class="btn" onClick="updateButton(2);" title="Monat">Week</button>

</div>

ここで、mysql ステートメントからのデータを再計算し、円グラフを更新できるようにしたいと考えています。それで、次に何をしますか?新しいデータを円グラフに送信する data2.php に値を送信する ajax を作成し、どのように更新しますか? よろしくお願いいたします。

4

0 に答える 0