1

各位程序员,

我正在尝试更新已填充数据的 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?

4

0 回答 0