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