我很难使用 Google GeoCharts API 和复选框突出显示国家/地区onclick
。
我的 displaymarkers 函数应该setCell
通过将输入值作为DataTable
行索引传递来使用该函数。
但是传递check.value
tosetCell
似乎不起作用。如果我简单地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