Przerysuj wykres Google po każdym wywołaniu Ajax

Kiedy wykres ładuje się po raz pierwszy z początkową domyślną odpowiedzią Ajax, działa dobrze. Jeśli dodam plik console.log (data_data), zobaczę moje dane domyślne, a następnie po przesłaniu zobaczę nowe dane. Jedynym problemem jest to, że wykres nie rysuje się ponownie. Wiem, że funkcja drawChart nie działa po raz drugi, po prostu nie wiem dlaczego. Zakładam, że jeśli tak, to wykres sam się przerysuje. Przepraszam, jeśli odpowiedź jest oczywista; Jestem bardzo nowy w jQuery / Ajax.

var chart_data;
var startdate = "default";
var enddate = "default";

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);
                google.load("visualization", "1", {packages:["corechart"]});
                google.setOnLoadCallback(function(){ drawChart(chart_data, "My Chart", "Data") })
            }
        },
    });
}

load_page_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);
}

Każda pomoc byłaby doceniana. Dzięki!

questionAnswers(2)

yourAnswerToTheQuestion