coraz błąd dla D3-wskazówka w angular2

Question

używam zarówno D3 i D3-tip wraz z ich @types,

"@types/d3": "^4.4.0", 
"@types/d3-tip": "^3.5.2", 

"d3": "^4.4.0", 
"d3-tip": "^0.7.1", 

mam poniżej instrukcji import,

import * as d3 from 'd3'; 

Kiedy próbuje skompilować poniżej kod maszynopis, dostał poniżej błędu

var tip = d3.tip() 
     .attr('class', 'd3-tip') 
     .offset([-10, 0]) 
     .html(function (d) { 
      return "<strong>Frequency:</strong> <span style='color:red'></span>"; 
     }) 

błąd,

error TS2339: Property 'tip' does not exist on type 'typeof "C:/bugFix/WebPackPOC/src/WebPackApp/node_modules/@types/d3/index"'. 

Answer 1

Mam taki sam problem w TypeScript.

EDYCJA: Najnowsza wersja końcówki d3 pod adresem https://github.com/Caged/d3-tip może teraz wystarczyć; Mam zamiar przetestować.

====

UWAGA: Informacje zawarte w tej części mogą być nieaktualne.

myślę może trzeba użyć tej biblioteki, który jest kompatybilny D3 v4 (również ES5 kompatybilny):

https://github.com/VACLab/d3-tip

Jeśli nie potrzebują kompatybilności ES5 można po prostu użyć wersja ES6 w:

https://github.com/cgav

====

(Odkładając na bok, będąc nowym użytkownikiem D3js i wymagając uaktualnienia ze starszej wersji D3 do D3 v4, mogę powiedzieć, że wcale nie lubię tego procesu i nie jestem w żaden sposób wdzięczny za wszystkie niezgodności i łamanie zmian. To staje się jeszcze bardziej frustrujące, gdy trzeba wstrzyknąć w miks do wersji TypeScript 1.8 -> 2.4.)

Answer 2

Importujesz d3, ale nie d3-tip, co jest kolejnym pakietem.

import 'd3-tip';