Google 可视化 - 选择带有仪表板的事件答案

【问题标题】：Google Visualization - Select Events w/ DashboardGoogle 可视化 - 选择带有仪表板的事件
【发布时间】：2014-07-30 05:17:57
【问题描述】：

我正在使用 Google Viz 创建仪表板，但在过滤数据时遇到了选择事件的问题。当页面加载并且没有任何内容被过滤时，它工作正常。但是，过滤数据后，它不会在“选择”事件中从数据表中选择正确的行。这是我的 jsfiddle 和我的听众：

http://jsfiddle.net/5E7zX/1/

google.visualization.events.addListener(rBubbleChart, 'select', function() {
    var selection = rBubbleChart.getChart().getSelection();
    var item = selection[0];
    var school = data.getValue(item.row, 1);
    alert('school is: ' + school);
});

未过滤时，警报框会显示所选学校。但是，当它被过滤到学校时，警报框不会显示正确的学校（Air Base Elem 例外，因为它是列表中的第一所学校）。

对过滤数据后如何获取正确的数据行有任何想法吗？谢谢。

【问题讨论】：

标签： google-visualization

【解决方案1】：

选择索引是指图表所见的数据，它不一定与您的基本 DataTable 相同，因此您需要通过调用 @ 来检查图表使用的数据987654321@方法获取图表数据，然后在获取值时引用：

google.visualization.events.addListener(rBubbleChart, 'select', function() {
    var selection = rBubbleChart.getChart().getSelection();
    // get the data used by the chart
    var dt = rBubbleChart.getDataTable();
    // test selection array length, since it can be zero when a user deselects a point!
    if (selection.length) {
        var item = selection[0];
        var school = dt.getValue(item.row, 1);
        alert('school is: ' + school);
    }
});

【讨论】：