Подсказка для гистограммы с использованием d3-tip в угловых?

Question

Я создал гистограмму, используя d3.js в угловом положении, но теперь я хочу всплывающую подсказку. Я установил d3-tip с помощью команды «npm install d3-tip» и импортировал этот пакет как «import * as d3Tip из« d3-tip ». Но он показывает мне следующую ошибку: «d3_tip__WEBPACK_IMPORTED_MODULE_3 __. Tip не является функцией».

Мой код для всплывающей подсказки, как следует

import * as d3 from "d3";
import * as d3Tip from 'd3-tip';

var tip = d3Tip.tip.attr('class', 'd3-tip').html(function(d) { return d; });

var tip = d3.tip().attr('class', 'd3-tip').html(function(d) { return d; })
svg.call(tip);

g.selectAll(".bar")
    .data(data)
    .on("mouseover", function() {
        d3.select(this)
          .attr("fill", "red");
     })
     .on("mouseout", function(d, i) {
        d3.select(this).attr("fill", function() {
            return "" + d.partNumber + "";
        });
     })
     .enter().append("rect")
       .attr("class", "bar")
       .attr("x", function(d) { return x(d.partNumber); })
       .attr("y", function(d) { return y(d.value); })
       .attr("width", x.bandwidth())
       .attr("height", function(d) { return height - y(d.value)
    });

Кто-нибудь может помочь?