Google GeoCharts API とチェックボックスで国を強調表示するのに苦労していますonclick
。
私の displaymarkers 関数はsetCell
、入力値をDataTable
の行インデックスとして渡すことによって関数を使用する必要があります。
check.value
ただし、 toを渡すと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