我正在使用 d3.svg.line 跨多个数据点绘制一条线。我不想显示任何表示各个数据点的内容——只是裸线——但我希望能够将鼠标悬停在线段相交的拐点上,以查看有关每个数据点的工具提示信息。
我添加了 <g>
元素定位在每个数据点和 <title>
只要我有可见的东西,例如 <circle>
,元素就可以很好地用于工具提示作为 <title>
的父级。但如果我使用 <title>
直属<g>
,它没有显示任何内容。如果我设置 <circle>
的填充/描边改为“none”,工具提示不再出现。
有没有一种简单的方法可以让工具提示出现在特定点上而不存在任何可见元素?
最佳答案
绘制一个透明矩形并将工具提示放在上面?填充=“透明”
关于svg - 不可见 SVG 元素上的工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10592400/