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 在饼图下方显示三个按钮：

<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