如何向svg图形添加工具提示？
我有一系列svg矩形（使用D3.js)，我想在mouseover上显示一条消息，该消息应该被一个充当背景的框包围。它们应该彼此完全对齐，并与矩形（在顶部和居中）完全对齐。做这件事最好的方法是什么？
我尝试使用“x”、“y”、“width”和“height”属性添加一个svg文本，然后预置一个svg rect。问题是文本的参考点在中间（因为我希望它居中对齐，所以我使用了text-anchor:midding)，但对于矩形，它是左上的坐标，另外我希望文本周围有一点边距，这让它有点麻烦。
另一个选择是使用html div，这会很好，因为我可以直接添加文本和填充，但我不知道如何获得每个矩形的绝对坐标。有办法做到这一点吗？
共有1个答案
您可以按照Phrogz的指示使用title元素。还有一些很好的工具提示，比如jQuery的Tipsy http://oneHackoranother.com/projects/jQuery/Tipsy/（可以用来替换所有的title元素）、Bob Monteverde的nvd3，甚至Twitter的工具提示都来自他们的引导程序http://twitter.github.com/Bootstrap/
-
问题内容： 我有一系列的svg矩形（使用D3.js），我想在鼠标悬停时显示一条消息，该消息应被用作背景的框包围。它们应彼此完全对齐，并与矩形（顶部和中心）完全对齐。做这个的最好方式是什么？ 我尝试使用“ x”，“ y”，“ width”和“ height”属性添加svg文本，然后在svg rect之前添加。问题是文本的参考点在中间（因为我想使它居中对齐），但是对于矩形，它是左上角的坐标，而且我想在
-
问题内容： 我只想在JTextPane中的某些文本上添加一些工具提示。例如，如果JTextPane中有参考链接文本，我想在该文本中添加工具提示以显示链接。有什么办法可以实现此功能？ 问题答案： 好问题。 First Swing支持HTML，因此要显示带有链接的工具提示，您只需说： 问题是使此工具提示可单击。 不幸的是，它不是由Swing本身完成的。 工具提示由ToolTipManager创建。当您
-
问题内容： 如何在JTable的行中添加工具提示（Java Swing）？这些工具提示应包含相对行的相同值。 这是我在扩展JTable的类中使用的代码。它覆盖了方法“ prepareRenderer”，但是我得到了空单元格，并且为行中的每个单元格添加了一个工具提示，而不是整个行的一个工具提示（这就是我想要的）： 问题答案： 它为行中的每个单元格添加了一个工具提示，而不是整个行中的一个工具提示 您正
-
我在stackoverflow中尝试了几个答案，但都没有成功..我真的是Chart.js的新手，所以请多包涵。 这就是我到目前为止尝试过的。将逗号添加到图表JS数据点和此图表.js数字格式 这是我的代码： 提前致谢。 我想要的是在工具提示和Y轴上添加逗号.....
-
我想在我的pandas条形图中添加百分比值-以及计数。然而，我不能这样做。我的代码如下所示，到目前为止，我可以得到要显示的计数值。有人能帮我在每个条显示的计数值旁边/下面添加相对%值吗？ 我的代码的输出如下所示。如何在显示的每个计数值旁边添加%值？
-
我在我的php站点中使用fullcalendar。我用eventSources加载事件，给它一个url重定向到我的php控制器，该控制器生成json数据。在呈现日历之前，我希望每个事件都有工具提示。为此，我编写了一个javascript函数，用于添加工具提示： 其中内容是html内容。该函数在日历渲染之后运行。呈现日历后，工具提示不显示。 为了解决这个问题，我尝试将该函数添加到datesRende