javascript - 如何将鼠标点击操作添加到谷歌 TreeMap 可视化

Question

The google treemap visualization是非常好的。无论如何要向其添加鼠标单击操作(例如添加超链接以便在单击特定图 block 时弹出新的浏览器窗口。)？该文档没有提及任何有关鼠标单击事件的信息。

如果 google visualization 不允许这样做，您能否推荐其他易于使用且具有此功能的产品？非常感谢!

Answer 1

迟到总比不到好，但是...

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

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

myOnClickFunction 可以包含你想要的任何内容，但处理链接的最佳方式是将它们作为列添加到你的原始数据中，然后根据行从列中查找合适的链接在 TreeMap 中选择。

当您使用 select 监听器时，如果您使用 getSelection() 函数，它将为您提供 DataTable 中的行，如下所示(文档 here):

myTreeMap.getSelection();

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

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

一旦你有了 URL，你就可以使用标准的 Javascript 来做任何你需要的事情(打开一个新窗口等)。