0

我很难使用 Google GeoCharts API 和复选框突出显示国家/地区onclick

我的 displaymarkers 函数应该setCell通过将输入值作为DataTable行索引传递来使用该函数。

但是传递check.valuetosetCell似乎不起作用。如果我简单地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

1

check.value返回一个字符串。parseInt(check.value)作品。

于 2012-06-06T19:36:27.900 回答