Google图表-刷新同一页面上的图表

时间:2018-09-26 15:00:36

标签: javascript google-visualization

我在页面上有一个Google图表图形。我要完成的事情是当按下按钮,运行其他查询并刷新图表时。我所有的代码都放在一个名为admin_store_view.php的文件中。我尝试了最明显的解决方案,因此在成功的AJAX上再次调用Google图表脚本,但这没用。

$('#year_to_date').click(function(event){
    var page = 'admin_store_view.php';
    $.ajax({
        url : page,
        data : {'action' : 'year_to_date','store_id' : "<?php echo $store_id ?>"},
        type : 'post',
        success: function(result) {
             var data = new google.visualization.DataTable(<?php echo $jsonTable; ?>);
              var options = {

              vAxis: {title: 'Value (€)'},
              hAxis: {title: 'Audit Date'},
              legend:{position: 'top', maxLines:2},
              seriesType: 'bars',
              series: {
                  3: {type: 'line', targetAxisIndex:0},
                  4: {type: 'line', targetAxisIndex:1}
                  },
              vAxes: {
                1: {
                  title:'Gross Profit %',
                  textStyle: {color: 'green'}
                }
            }};

            var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        },
        error: function() {}
    });
});

是否有其他方法可以刷新图表,还是每次都必须将PHP代码移至单独的文件并用该数据重新加载div?

0 个答案:

没有答案