Перерисовывать Google Chart после каждого вызова Ajax
Когда диаграмма загружается в первый раз с исходным ответом Ajax по умолчанию, она работает нормально. Если я добавлю в console.log (chart_data), я увижу данные по умолчанию, а после отправки я увижу новые данные. Единственная проблема - диаграмма нетяну себя снова. Я знаю, что функция drawChart не запускается во второй раз, я просто нене знаю почему. Я'м, если это так, диаграмма перерисовывается сама. Извините, если ответ очевиден; Я очень плохо знаком с 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);
}
Любая помощь будет оценена. Спасибо!