0
我在使用Google GeoCharts API和複選框onclick
突出顯示國家時遇到問題。Google GeoChart onclick setCell無法正常工作
我的displaymarkers函數應該使用setCell
函數,將輸入值作爲DataTable
的行索引。
但是,通過check.value
到setCell
似乎並不奏效。如果我只是把data.setCell(1, 1, 1);
它完美的作品。
我應該怎麼做才能做出很多if語句?
的Javascript:
var data;
var chart;
var options;
function drawRegionsMap() {
data = google.visualization.arrayToDataTable([
['Country', 'Popularity'],
['United States', 1],
['RU', 1]
]);
options = {legend: 'none'};
chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
};
function displaymarkers(check) {
// Checkbox has been checked
if (check.checked) {
data.setCell(check.value, 1, 1);
} else { // Checkbox has been unchecked
data.setCell(check.value, 1, 0);
}
chart.draw(data, options);
}
HTML:
<input type="checkbox" name="us" onclick="displaymarkers(this)" value="0" checked="checked" />US
<input type="checkbox" name="russia" onclick="displaymarkers(this)" value="1" checked="checked" />Russia