Question

我正在使用Google Charts获取select事件的未定义列索引。我看过类似问题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

看起来表格图表只返回带有select事件的行，因为Table可视化文件是为选择行而设计的。我在Google Visualization API Group

找到了这个

这里是documentation，只能为表格图表选择行。

Google Chart选择事件中的列索引未定义

1 个答案: