私の小さなツールでは、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 を作成し、どのように更新しますか? よろしくお願いいたします。