更新AJAX成功的图表

时间:2014-05-25 23:21:02

标签: javascript ajax charts

我使用Google图表和来自查询的一些动态信息创建了一个饼图,如下所示:

<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Customers', 'Status'],
      ['Accepted',     <?php echo $rowsaccepted ;?>],
      ['Declined',      <?php echo $rowsdeclined;?>],
      ['Not Reviewed',  <?php echo $rowsnreview;?>]
    ]);

    var options = {
                   'width':200,
                   'height':200,
                   'backgroundColor':'#474747',
                   'legend': 'none',
                   'chartArea':{left:20,top:0,width:250,height:250},
                   colors: ['#ef8200', '#007fc2', '#41cf0f'],
                   fontSize:14,

               };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));
    chart.draw(data, options);
  }
</script>

正如你所看到的,我回应了三个变量来填充图表。这三个变量在相关查询所在的另一个包含中定义,而Id喜欢在更新变量时更新图表,这是通过AJAX调用完成的,如下所示:

<script type="text/javascript">
$(function() {
$(".accept").click(function(){
var element = $(this);
var del_id = element.attr("id");
var order_id = element.attr("data-order");
 $.ajax({
   type: "POST",
   url: "accept.php",
   //data: info,
   data: {id:del_id,order_id:order_id}
});
});
</script>

传递给AJAX调用的两个变量与rowid和查询用于更新表的相关名称相关,后者又会更新填充图表的三个变量。

由于我的AJAX调用已经从一个按钮执行,有没有办法可以添加一个函数来重绘AJAX调用成功时的图表?

0 个答案:

没有答案