隐形SVG元素的工具提示

时间:2012-05-14 23:37:36

标签: svg d3.js tooltip

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

我添加了一个位于每个数据点的<g>元素,<title>元素适用于工具提示,只要我有可见的内容,例如<circle>作为{<title>的父级1}}。但是,如果我直接在<title>下使用<g>,则不会显示任何内容。如果我将<circle>的填充/描边设置为“无”,则不再显示工具提示。

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

1 个答案:

答案 0 :(得分:2)

绘制一个透明的矩形并将工具提示放在那个或许上面?填充=&#34;透明&#34;