Updating Google Chart dynamically with PHP and JavaScript Updating Google Chart dynamically with PHP and JavaScript php php

Updating Google Chart dynamically with PHP and JavaScript


I would just update the data instead of replacing the chart. And request the chart get redrawn.

You can modify the playground example to test this out.
It looks like this:

function drawVisualization() {  // Create and populate the data table.  var data = new google.visualization.DataTable();  data.addColumn('string', 'Name');  data.addColumn('number', 'Height');  data.addRows(3);  data.setCell(0, 0, 'Tong Ning mu');  data.setCell(1, 0, 'Huang Ang fa');  data.setCell(2, 0, 'Teng nu');  data.setCell(0, 1, 174);  data.setCell(1, 1, 523);  data.setCell(2, 1, 86);  // Create and draw the visualization.  var v=new google.visualization.ColumnChart(          document.getElementById('visualization')        );  v.draw(data, null);  // Pretend update data triggered and processed  data.setCell(2, 1, 860);  v.draw(data, null);}​