我正在使用d3.js渲染我的图表。出于某种原因,我不是svg冠军的忠实粉丝,因为它会产生延迟并且无法设计它们。如果我错了,请纠正我。我最近遇到过tipsy,但似乎并不是跨浏览器兼容的。
例如,考虑this。工具提示在Firefox和Chrome中运行良好,但即使在IE 9中也不会出现,我不确定发生了什么。除了使用svg title
属性之外,是否有更清晰的跨浏览器方法来处理与d3.js兼容的工具提示?
编辑:我正在寻找适用于d3.js的内容。例如,使用tipsy,我们执行以下操作:
$("svg circle").tipsy({});
这适用于Firefox和Chrome,但不适用于IE。使用Twitter的Bootstrap的工具提示插件时观察到类似的事情。这是我的jsFiddle 没有添加工具提示以启用快速测试。
答案 0 :(得分:6)
这可能就是你要找的东西。我还没有在IE9中测试它,但我认为它可行。
http://twitter.github.com/bootstrap/javascript.html#tooltips
答案 1 :(得分:4)
qTip是跨平台工具提示的一个很好的插件。
JQueryUI 1.9很快将成为adding support for tooltips。
答案 2 :(得分:1)
JQuery Tooltip是轻量级的,具有良好的兼容性,我在使用它的项目中取得了很好的效果。