并且一直在使用 Google Charts 来可视化我的数据。我试图寻找这个问题的答案,但找不到和我有同样问题的人,或者我的问题真的很基本。感谢有人可以帮我一把。
我按照 Google Charts - Sankey Diagram 中列出的步骤构建了一个 sankey 图。这是我的图表: http: //kuangkeng.github.io/keng-data-journalism/procurement%20project/sankey/index.html
但是我想为每一行/路径/链接添加工具提示,这样当用户将鼠标悬停时,他们可以看到该行的值和其他详细信息。
根据谷歌图表(上面的链接),我可以使用“onmouseover”和“onmouseout”触发鼠标悬停事件,但谷歌图表没有显示如何为桑基图执行此操作。
然后,我遇到了在 Google 条形图中使用“onmouseover”和“onmouseout”的示例: https ://developers.google.com/chart/interactive/docs/examples#mouseovertooltip
所以我复制了代码,修改并粘贴到我的代码中。
google.visualization.events.addListener(chart, 'onmouseover', barMouseOver);
google.visualization.events.addListener(chart, 'onmouseout', barMouseOut);
function barMouseOver(e) {
chart.setSelection([e]);
}
function barMouseOut(e) {
chart.setSelection([{'row': null, 'column': null}]);
}
当我将鼠标悬停时,我收到错误消息“未定义不是函数”。当您将鼠标悬停在线条上时,您可以看到错误消息出现在图表顶部。
我尝试通过在我的数据中添加另一列并将其角色设置为“工具提示”来使用 Google Charts 文档显示的另一种替代方法,但它不适用于我的图表,因为 Google Sankey Diagram 只能接受 3 列。
感谢有人可以查看或向我推荐任何可用的解决方案。谢谢。