D3.tip不是一个功能

Question

我正在尝试将d3.tip添加到我的d3信息图中。根据d3.tip文档，我在Bower上安装了d3.tip。安装完成后，我的终端屏幕显示：

The terminal screen

我猜它已成功安装。

但是当我将d3.tip添加到我的代码中时，console.log会一直显示“Barchart2.html：121 Uncaught TypeError：d3.tip不是函数”。

这是我的代码：

The d3.tip part of my script code

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

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 */
});

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