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

Question

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

如果谷歌可视化不允许这样做，您能推荐其他任何易于使用且具有此功能的产品吗？非常感谢!

Answer 1

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

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

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

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

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

myTreeMap.getSelection();

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

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

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