2012-06-06 147 views
0

我在使用Google GeoCharts API和复选框onclick突出显示国家时遇到问题。Google GeoChart onclick setCell无法正常工作

我的displaymarkers函数应该使用setCell函数,将输入值作为DataTable的行索引。

但是,通过check.valuesetCell似乎并不奏效。如果我只是把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 

回答

1

check.value返回一个字符串。 parseInt(check.value)工程。