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

Question

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

使用TypeScript2.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？我尝试添加以下内容：

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

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

我该如何让它工作呢？谢谢。

Answer 1

Import，适用于我：

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

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