javascript - 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 is not a function.”

这是我的代码:

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

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