Question

在我的小工具上，我正在使用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语句的数据并更新饼图。那我接下来要做什么？我应该创建一个ajax将值发送到data2.php，然后将新数据发送到饼图，它将如何更新？提前谢谢你的帮助。

Google饼图上的新JSON调用

0 个答案: