Google可视化 - 选择具有仪表板的事件

时间:2014-07-29 20:31:45

标签: google-visualization google-chartwrapper

我正在使用Google Viz创建一个信息中心,并且在过滤数据时遇到选择事件的问题。页面加载时没有任何过滤,它工作正常。但是,在过滤数据后,它不会在“select”事件中从dataTable中选择正确的行。这是我的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除外,因为这是列表中的第一所学校)。

有关如何在数据过滤后获取正确的数据行的任何想法?感谢。

1 个答案:

答案 0 :(得分:1)

选择索引是指图表所见的数据,它不一定与基础DataTable相同,因此您需要通过调用{来检查图表使用的数据。 {1}}方法获取图表的数据,然后在获取值时引用该数据:

getDataTable