每次Ajax调用后重新绘制Google图表

每次Ajax调用后重新绘制Google图表

您只需要在页面中执行一次google.load。您正在加载数据的事实使事情变得有些复杂，但并没有太多。我建议您在javascript顶部执行一次google.load，并将load_page_data设置为回调。然后，您将从那里调用drawChart。修改后的代码如下所示：

var chart_data;var startdate = "default";var enddate = "default";google.load("visualization", "1", {packages:["corechart"]});google.setonLoadCallback(load_page_data);function load_page_data(){    $.ajax({        url: 'get_data.php',        data: {'startdate':startdate,'enddate':enddate},        async: false,        success: function(data){ if(data){     chart_data = $.parseJSON(data);     drawChart(chart_data, "My Chart", "Data"); }        },    });}function drawChart(chart_data, chart1_main_title, chart1_vaxis_title) {    var chart1_data = new google.visualization.DataTable(chart_data);    var chart1_options = {        title: chart1_main_title,        vAxis: {title: chart1_vaxis_title,  titleTextStyle: {color: 'red'}}    };    var chart1_chart = new google.visualization.BarChart(document.getElementById('chart1_div'));    chart1_chart.draw(chart1_data, chart1_options);}