如何将鼠标单击操作添加到谷歌树图可视化

时间:2012-10-25 23:50:18

标签: javascript google-visualization treemap

The google treemap visualization非常好。无论如何都要向其添加鼠标单击操作(例如,添加超链接以便在单击特定磁贴时弹出新的浏览器窗口。)?该文档没有提及有关鼠标点击事件的任何内容。

如果谷歌可视化不允许这样做,你会推荐其他易于使用且具有此功能的东西吗?非常感谢!

1 个答案:

答案 0 :(得分:2)

迟到总比没有好,但是......

可以使用'select'处理程序执行此操作。

google.visualization.events.addListener(myTreeMap, 'select', myOnClickFunction);

myOnClickFunction可以包含您想要的任何内容,但处理链接的最佳方法是将它们添加为原始数据中的列,然后根据列中选择的行查找列中的相应链接。 TreeMap中。

当您使用select侦听器时,如果您使用DataTable函数,它会在getSelection()中为您提供行(文档here):

myTreeMap.getSelection();

这将为您提供表格中的行,因此如果您在第5列中有URL,则可以按如下方式找出URL:

myTreeMap.getValue(4, myTreeMap.getSelection());

获得URL后,您可以使用标准Javascript来执行您需要的任何操作(打开新窗口等)。