如何在angularjs中将bootstrap工具提示放在SVG元素上(How to put bootstrap tooltip over SVG elements in angularjs)

如何在angularjs中将bootstrap工具提示放在SVG元素上(How to put bootstrap tooltip over SVG elements in angularjs)

我想尝试将bootstrap工具提示放在angularjs中的svg元素上，我没有使用d3.js，我只是使用angularjs。 如果你给出一个更好的例子来解释。

I want try to put bootstrap tooltip over svg element in angularjs, I am not using d3.js, I simply using angularjs. If you give explanation with example that would be preferable.

最满意答案

诀窍就是将它附加到正文而不是父元素。

我在这里创建了一个UI Bootstrap角度指令的示例。

<svg> <circle cx="60" cy="60" r="50" tooltip="Hello world" tooltip-append-to-body="true" tooltip-placement="right"/> </svg>

The trick is just to append it to the body instead of the parent element.

I created here an example with UI Bootstrap angular directives.

<svg> <circle cx="60" cy="60" r="50" tooltip="Hello world" tooltip-append-to-body="true" tooltip-placement="right"/> </svg>