D3.tip不是一个功能

Question

我想在我的d3信息图中添加d3.tip.根据d3.tip文档,我在Bower上安装了d3.tip.安装完成后,我的终端屏幕显示:

终端屏幕

我猜它已成功安装.

但是当我将d3.tip添加到我的代码中时,console.log会一直显示"Barchart2.html:121 Uncaught TypeError:d3.tip不是函数".

这是我的代码:

我的脚本代码的d3.tip部分

有人能告诉我如何解决这个问题吗？

Answer 1

您需要将 d3-tip 作为导入的 d3 js 导入。我假设您已正确安装 d3-tip。

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

然后你可以使用它如下：

var tip = d3Tip().attr('class', 'd3-tip').offset([-12,0])
.html(function(d) {
  /*  your code goes here */
});

这应该可以解决您的问题。