x值鼠标悬停工具提示d3 - 编辑工具提示样式和文本

时间:2016-09-01 05:50:30

标签: d3.js tooltip

当您使用最接近的x值来获取鼠标悬停事件时,我一直在搜索有关如何在d3js的工具提示中显示/更改文本的问题的解决方案。

this example中,当您将鼠标悬停在屏幕的最右侧时,工具提示的文本会变为隐藏/不可见,但是当您使用示例中提供的基本d3工具提示时,这不会发生。另外,我无法弄清楚如何在该文本中获得换行符(我尝试使用html换行符无效)。

有人能说明如何解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

试试foxTooltip.js。它会自动调整工具提示位置以考虑屏幕边界。您也可以动态修改内容。

https://github.com/MichaelRFox/foxToolTip.js