如何为一个以上的谷歌图表事件监听器引用一个功能?

时间:2014-01-21 14:29:01

标签: jquery google-visualization

嗨我在一个页面中有三个谷歌图表。我只选择一个功能,他们选择了。我想知道选择了哪个图表? 这是我的代码

 google.visualization.events.addListener(chart1, 'select',selectHandler);
google.visualization.events.addListener(chart2, 'select',selectHandler);
google.visualization.events.addListener(chart3, 'select',selectHandler);
function selectHandler(e){
alert("title"+e.title);

}

我想知道选择了哪个图表和图表标题。 提前谢谢。

2 个答案:

答案 0 :(得分:0)

您可以使用thise.currentTarget。两者都应该是相同的元素。

所以:

this.title;
e.currentTarget.title;

答案 1 :(得分:0)

事件不会传递有关产生事件的父图表的任何信息,因此您需要使用中间函数来传递图表信息:

function selectHandler(myChart){
    // do something with myChart
}

google.visualization.events.addListener(chart1, 'select', function () {
    selectHandler(chart1);
});
google.visualization.events.addListener(chart2, 'select', function () {
    selectHandler(chart2);
});
google.visualization.events.addListener(chart3, 'select', function () {
    selectHandler(chart3);
});