javascript - 如何将鼠标点击动作添加到谷歌树形图可视化

Question

谷歌树图可视化非常好。无论如何要添加鼠标单击动作（例如添加超链接，以便在单击特定图块时弹出新的浏览器窗口。）？该文档没有提及有关鼠标单击事件的任何内容。

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

Answer 1

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

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

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

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

当您使用侦听器时，如果您使用以下函数select，它将为您提供行中的行（此处的文档）：DataTablegetSelection()

myTreeMap.getSelection();

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

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

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