Обновление диаграммы Google динамически с помощью PHP и JavaScript

У меня есть Google Chart (с помощью API визуализации Google, а не API Google Chart), который заполняется при загрузке страницы. После этого пользователь может выбрать опции из нескольких выпадающих меню. Я хотел бы, чтобы пользователь мог обновить диаграмму Google на основе их выбора.

Я уже создал PHP-код для захвата новых данных через MySQL - после выбора пользователем различных параметров.

Вопрос. Должен ли я заменить текущий график? или я должен создать функцию JavaScript для обновления графика?

Вот мой код диаграммы Google Chart:

google.load("visualization", "1", {packages:["columnchart"]});
google.setOnLoadCallback(drawChart);

function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Cluster');
  data.addColumn('number', 'Loans');
  data.addColumn('number', 'Lines');

/* create for loops to add as many columns as necessary */

var len = (encoded_cluster_name.length)-27; // encoded_line_volume.length;

  data.addRows(len);

for(i=0; i<len; i++) {

        var lines = (encoded_line_volume[i])/100000;
    var loans = (encoded_loan_volume[i])/100000;

data.setValue(i, 0, ' '+encoded_cluster_name[i]+' ');       /* x-axis */
data.setValue(i, 1, loans);             /* Y-axis category #1*/
data.setValue(i, 2, lines);             /* Y-axis category #2*/
}

/*********************************end of loops*****/

  var chart = new google.visualization.ColumnChart(
                document.getElementById('chart_div'));
  chart.draw(data, {
                    width: 600,
                    height: 300,
                    is3D: true,
                    title: 'Prospect Population',
                    legend: 'right'
                   });
}

Ответ 1