0

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
4

1 に答える 1