Javascript 使用按钮更新Google可视化API

各位编码员

我正在尝试更新一个已经填充了数据的Google可视化API。背景如下：

用户可以从下拉菜单中选择多个选项。之后，用户可以通过按钮选择更新Google API

我是否需要一个通过按钮onlick启动的QueryRapper函数来更新Google API

HTML代码：

<div class="css_button_example" value="UpdateGraph" onclick="showUser()"><span>Update Graph</span></div>

在上面的按钮代码中，showUser是一个JavaScript函数，它通过PHP拉取一个MySQL查询——结果是json_编码回Google API JavaScript代码中。我是否需要另一个JavaScript函数来更新Google API

以下是谷歌API代码：

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]+' ');
 data.setValue(i, 1, loans);
 data.setValue(i, 2, lines);
}

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

}

---

关于如何扩展GoogleAPI代码以更新图表，有什么建议吗？也许是一个查询说话者？

你能试着通过省略不相关的代码和标记来缩短你的问题吗？在所有这些代码中很难找到正确的信息。汤姆-我做了一些编辑。。。。这有用吗？还是我需要进一步缩短代码？