各位程序员,
我正在尝试更新已填充数据的 Google 可视化 API。这是背景:
用户可以从下拉菜单中选择几个选项。之后,用户可以选择通过按钮更新 Google API。
我是否需要通过按钮onlick启动的 QueryWrapper 函数来更新 Google API?
HTML 代码:
<div class="css_button_example" value="UpdateGraph" onclick="showUser()"><span>Update Graph</span></div>
在上面的按钮代码中,showUser() 是一个 JavaScript 函数,它通过 PHP 提取 MySQL 查询 - 结果是 json_encoded 回 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'});
}
关于如何扩充 Google API 代码以更新图表的任何建议?也许是 QueryWrapper?