Pesquisa de site

Como usar typings para d3-tip no TypeScript 2.0


Eu quero usar a biblioteca d3-tip para adicionar dicas de ferramenta em meus gráficos.

Usando TypeScript 2.0, adicionei os tipos para d3-tip da seguinte maneira:

npm install @types/d3-tip --save

Aparece no meu package.json:

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

index.d.ts para d3-tip parece assim:

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;
}

Minha pergunta é: como faço agora para usar isso/importar no meu código? Eu tentei adicionar o seguinte:

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

mas nenhum deles funciona, e eu não recebo nenhuma sugestão de código em d3.tip().

Como faço para que funcione? Obrigado.

Resposta #1

Importação, que funciona para mim:

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

No entanto, há pouca discussão sobre isso aqui.

Artigos relacionados