在Google圖表選擇事件中未定義列索引

我使用Google圖表爲select事件獲取了未定義的列索引。也有類似的問題here,here和here我看過，但並沒有解決我的問題。我的目標是能夠確定用戶何時單擊「[x]」以從表中刪除相應的行。謝謝。在Google圖表選擇事件中未定義列索引

var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Site'); 
data.addColumn('number', 'Logins'); 
data.addColumn('string', ''); 
data.addRows([['ABC', 123, '[ x ]']]); 

function drawTable() { 
    // Create and draw the visualization. 
    visualization = new google.visualization.Table(document.getElementById('table_div')); 
    visualization.draw(data, null); 
    google.visualization.events.addListener(visualization, 'select', selectHandler); 
} 

function selectHandler() { 
    var selectedItem = visualization.getSelection()[0]; 
    console.log(selectedItem); // output: Object {row: 0} 

    if (selectedItem == undefined) 
     return false; 

    console.log(selectedItem.column); // output: undefined 

    var value = data.getValue(selectedItem.row, selectedItem.column); 
    console.log(value); // output: Uncaught Error: Invalid column index undefined. Should be an integer in the range [0-3]. 
}

來源

2012-12-14 Alex Wu

它看起來像表格圖表只返回帶有select事件的行，因爲表格可視化是爲選擇行而設計的。我發現這在Google Visualization API Group

這裏的documentation說明只有行可以選擇表格圖表。

來源

2012-12-17 16:42:35

在Google圖表選擇事件中未定義列索引

回答

相關問題