如何添加鼠标点击动作谷歌树图可视化
问题描述:
The google treemap visualization是非常好的。无论如何要添加一个鼠标点击动作(例如添加一个超级链接,以便在点击某个特定的图块时弹出一个新的浏览器窗口)。该文件没有提及有关鼠标点击事件的任何信息。如何添加鼠标点击动作谷歌树图可视化
如果谷歌可视化不允许这样做,你会推荐其他易于使用和具有此功能的其他东西吗?非常感谢!
答
优于从不迟到,但...
这有可能使用'select'
处理程序做的。
google.visualization.events.addListener(myTreeMap, 'select', myOnClickFunction);
myOnClickFunction
可以包含任何你想要的,但要处理链接的最佳方式是将其添加为在原始数据的列,然后查找从列基于选择的行中的相应链接TreeMap的。
当您使用select
监听器,它会给你在DataTable
行,如果你使用getSelection()
功能如下(文档here):
myTreeMap.getSelection();
这将使你在表中的行,所以,如果你是在第5列中的网址,你可以找出网址如下:
myTreeMap.getValue(4, myTreeMap.getSelection());
一旦你有你可以用标准的JavaScript做任何你需要的URL(开放一个新窗口等)。