2012-06-06 211 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)工程。