并一直使用Google Charts可视化我的数据。我试图寻找这个问题的答案,但不能找到任何与我有同样问题的人,或者我的问题可能是非常基本的。感谢有人能帮我一把。
我按照Google Charts - Sankey Diagram中列出的步骤构建了一个sankey图表。 这是我的图表: http://kuangkeng.github.io/keng-data-journalism/procurement%20project/sankey/index.html
但是我想在每个行/路径/链接中添加工具提示,因此当用户鼠标悬停时,他们可以看到该行的值和其他详细信息。
根据谷歌图表(上面的链接),我可以使用'onmouseover'和'onmouseout'发起鼠标悬停事件,但Google图表没有显示如何为Sankey图表执行此操作。
然后我找到了一个在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}]);
}
当我鼠标悬停时,我收到错误消息“undefined is not a function”。将鼠标悬停在线条上时,您可以看到错误消息显示在图表的顶部。
我尝试使用Google Charts文档显示的另一个替代方法,在我的数据中添加另一个列并将其角色设置为“工具提示”,但它不适用于我的图表,因为Google Sankey Diagram只能接受3列。 / p>
感谢有人可以查看或推荐我任何可用的解决方案。感谢。