如何在 typescript 2.0 中使用 d3-tip 的类型

Question

我想使用d3-tip 库在我的图表中添加工具提示。

使用 Typescript 2.0，我为d3-tip 添加了如下类型：

npm install @types/d3-tip --save

它显示在我的 package.json 中：

"dependencies": {
  "@types/d3": "^4.7.0",
  "@types/d3-tip": "^3.5.4",
}

d3-tip 的index.d.ts 如下所示：

import {Primitive} from "d3";

declare module "d3" {
    type TooltipDirection = ("n" | "s" | "e" | "w" | "nw" | "ne" | "sw" | "se");
    interface Tooltip {
        hide(): Tooltip;
        show(): Tooltip;
        destroy(): Tooltip;
        ....
    }
    export function tip(): Tooltip;
}

我的问题是，我现在如何在我的代码中使用这个/导入？我尝试添加以下内容：

import * as tip from 'd3-tip';   OR
import * from 'd3-tip';          OR
import { tip } from 'd3-tip';

但它们都不起作用，而且我在 d3.tip() 上没有任何智能感知。

如何让它发挥作用？谢谢。

Answer 1

导入，对我有用：

import d3Tip from "d3-tip";
const tip = d3Tip();

但是，关于这个here 的讨论很少。