Обновление API визуализации Google с помощью кнопки <div> - PullRequest
Новая
       15

Обновление API визуализации Google с помощью кнопки <div>

1 голос
/ 18 ноября 2009

Товарищ кодеров,

Я пытаюсь обновить API визуализации Google, который уже заполнен данными. Вот фон:

Пользователь может выбрать несколько вариантов из выпадающего меню. После чего пользователь может выбрать обновить Google API с помощью кнопки.

Нужна ли функция QueryWrapper, запускаемая с помощью кнопки onlick , для обновления API Google?

HTML код: 

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

В приведенном выше коде кнопки showUser () - это функция JavaScript, которая обрабатывает MySQL-запрос через PHP - результат json_encoded обратно в JavaScript-код Google API. Нужна ли другая функция JavaScript для обновления API Google?

Вот код 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'});

}

Есть предложения о том, как я могу дополнить код API Google для обновления графика? Может быть, QueryWrapper?

...