svg - 不可见 SVG 元素上的工具提示

标签 svg d3.js tooltip

我正在使用 d3.svg.line 跨多个数据点绘制一条线。我不想显示任何表示各个数据点的内容——只是裸线——但我希望能够将鼠标悬停在线段相交的拐点上,以查看有关每个数据点的工具提示信息。

我添加了 <g>元素定位在每个数据点和 <title>只要我有可见的东西,例如 <circle> ,元素就可以很好地用于工具提示作为 <title> 的父级。但如果我使用 <title>直属<g> ,它没有显示任何内容。如果我设置 <circle> 的填充/描边改为“none”,工具提示不再出现。

有没有一种简单的方法可以让工具提示出现在特定点上而不存在任何可见元素?

最佳答案

绘制一个透明矩形并将工具提示放在上面?填充=“透明”

关于svg - 不可见 SVG 元素上的工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10592400/

相关文章:

animation - SVG 元素上的多个动画

javascript - 如何从最后一个半径终点开始绘制

javascript - 鼠标悬停前查找元素的原始颜色

javascript - 在 d3js 中用(动画)路径连接点

css - 网格面板错误提示

jquery - 如何使工具提示跟随光标

WPF 工具提示可见性

javascript - 从浏览器中仅打印 SVG

html - 是否可以通过 :after pseudo CSS selector inside a svg tag? 使用插入图像

javascript - 创建 svg 媒体控件按钮