d3.js - 在未显示的 SVG 元素上使用 ng-bootstrap 的工具提示

Question

我使用 D3.js 创建了圆圈。我将 ng-bootstrap 用于 Tooltip，但它没有显示在 svg 元素上，

g.append("g").selectAll("circle").data(this.RecordDaily).enter().append("circle")
                               .attr("r", 5).attr("fill", "purple")
                               .attr("cx", function (d) { return x(parseTime(d.moy)); })
                               .attr("cy", function (d, i) { return y(d.session); })
                               .attr("data-toggle", "tooltip").attr("title", function (d) { return d.session })
                               .attr("ngbTooltip",  function (d) { return d.session })
                               .attr("placement",  "top")

标签： d3.jsbootstrap-4ng-bootstrap