使用角度为d3-tip的条形图的工具提示?

时间:2018-09-10 12:23:18

标签: javascript angular d3.js

我使用d3.js创建了条形图,但是现在我想要工具提示。 我使用命令“ npm install d3-tip”安装了d3-tip,并将此软件包作为“ import * as d3Tip from'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)
    });

有人可以帮忙吗?

0 个答案:

没有答案