1

仲間のコーダー、

既にデータが入力されている Google Visualization API を更新しようとしています。背景は次のとおりです。

ユーザーは、ドロップダウン メニューからいくつかのオプションを選択できます。その後、ユーザーはボタンから Google API の更新を選択できます。

Google API を更新するには、ボタンonlickから開始される QueryWrapper 関数が必要ですか?

HTML コード:

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

上記のボタン コードでは、showUser() は、PHP を介して MySQL クエリを取得する JavaScript 関数です。結果は json_encoded で Google API JavaScript コードに戻されます。Google API を更新するには、別の JavaScript 関数が必要ですか?

Google 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