Mise à jour dynamique de Google Chart avec PHP et JavaScript

J'ai un Google Graphique (à l'aide de la Google Visualisation de l'APIpas Google API Graphiques) qui renseigne sur le chargement de la page. Après quoi, l'utilisateur peut sélectionner les options à partir de plusieurs menu déroulant. Je voudrais que l'utilisateur soit en mesure de mettre à jour le Google Graphique en fonction de leurs sélections.

J'ai déjà créé le code PHP pour saisir les nouvelles données via MySQL - une fois que l'utilisateur sélectionne les différentes options.

Question: ai-je besoin de remplacer l'actuel graphique? ou devrais-je créer une fonction JavaScript pour mettre à jour le graphique?

Voici mon Google Chart code JavaScript:

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

source d'informationauteur brussels0828