如何正确使用Bootstrap工具提示与SVG对象

Question

我有一个svg对象

<rect id="SvgjsRect1166" width="21" height="20" fill="#44a340" x="207" y="23" data-count="14" data-date="Sun:07" data-toggle="tooltip" class="cursor-hand" data-placement="top" title="" data-original-title="tooltip" aria-describedby="tooltip335193"></rect>

并拥有javascript

$('[data-toggle="tooltip"]').tooltip({ container: '.punch' });

显示工具提示，但它显示在矩形外部。（。puch是svg对象的容器div）。我可以调整工具提示的位置

NB：使用javascript动态创建的svg对象