javascript - Google 图表选择事件中未定义列索引

Question

我在 Google 图表中的选择事件中得到了未定义的列索引。还有类似问题here , here ，和here我看过了，但没有解决我的问题。我的目标是能够确定用户何时单击“[ x ]”以从表中删除相应的行。谢谢。

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].
}

Answer 1

看起来表格图表仅返回具有选择事件的行，因为表格可视化是为选择行而设计的。我在 Google Visualization API Group 找到了这个

这是documentation说明表格图表只能选择行。