svg元素上的Angular 2工具提示插件

我想在angular 2项目中的

元素上添加工具提示。我需要这个工具提示与一些文本和按钮交互。因此，我想为此使用tooltipster（）。我一直在无缝地使用它，直到我决定将我的项目重写为angular 2

现在我不能让它正常工作。 我得到的是一个圆：

<circle class="seat tooltips tooltipstered" r="4" style="fill: rgb(206, 206, 206);" id="0" data-tooltip-content="#tooltip_content-0" cx="10" cy="10"></circle>

这两个元素都在

元素中，但是如果我将svg放在外部，它也不起作用

我已经在我的

angularcli.json

中包含了jQuery和tooltipster的.js和.css文件。我还包括了他们推荐用于SVG的

tooltipster SVG.min.js

文件。接下来，我在页面底部有一个小脚本，它调用

$（“.tooltips”）.tooltipster（选项）它似乎是这样工作的，但我遇到的问题是，它呈现在我的网站底部，而且，有时我在将鼠标悬停在圆圈上时会出现以下错误：

Uncaught TypeError: Cannot read property 'svgjs' of undefined    zone.js:195

我将非常感谢您在这方面提供的任何帮助，甚至建议您使用其他插件（我发现的唯一一个插件是，但我无法确定它是否支持svg元素）或其他方法。我需要尽快完成这个项目，所以谢谢你的帮助

更新
它现在可以与tooltipster一起使用。我发现它需要包含另一个.css文件。现在我遇到的另一个问题是，我无法动态添加工具提示，因为我在index.html中的标记中有我的tooltipster代码，并且我无法使它在角度组件中工作，因为我不知道如何使jQuery和tooltipster在那里工作。
我认为这个工具提示应该在svg组件中，显示变量将被驱动以隐藏或显示它，
在angular中，该按钮将被称为将（单击）函数分配给svg rect按钮。
范例


你能帮我用Angular4跑同样的吗？我很难让tooltipster运行在Angular 4I中，我不太记得是什么问题，但我在SVG的tooltipster上遇到了多个问题，然后我切换到ng引导弹出窗口，我可以很好地格式化我需要的格式。希望这有帮助：ngpopover很不错，但它缺少类似于tooltipster的动画部分。有什么想法吗？嗯，当我找到流行音乐时，我已经在创作我自己的了。它不会花很长时间来创建一个专门为您的需要。感谢您的投入。我设法将tooltipstr添加到angular:）
Uncaught TypeError: Cannot read property 'svgjs' of undefined    zone.js:195

<g id="mytooltip" [attr.display]="drivingtooltipvar">
<text ... (click)="click($event) />{{tiptext}}</text>
</g>