Jak używać typowań dla końcówki d3 w maszynopisie 2.0

Question

Chcę użyć biblioteki d3-tip, aby dodać etykiety narzędzi na moich wykresach.

Korzystanie maszynopis 2.0, dodałem typowania dla d3-tip następująco:

npm install @types/d3-tip --save 

To pokazuje się w moim package.json:

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

index.d.ts dla d3 końcówką wygląda następująco:

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

Moje pytanie brzmi: jak teraz użyć tego/import w moim kodzie ? Próbowałem, dodając następujący:

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

ale żaden z nich nie działa, i nie dostanę żadnej intellisense na d3.tip().

Jak to działa? Dzięki.

Answer 1

importu, który pracuje dla mnie:

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

Istnieje jednak mała dyskusja na temat tego here.