How to put bootstrap tooltip over SVG elements in

Question

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.

Answer 1

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>