在Angular2中获得D3-TIP的错误

Question

我正在使用d3和d3-tip及其@types，

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

我有以下导入语句，

import * as d3 from 'd3';

试图编译以下打字稿代码时，获得以下错误，

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

错误，

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

Answer 1

您是导入D3而不是D3-TIP，这是另一个软件包。

import 'd3-tip';

Answer 2

我在打字稿中遇到了相同的问题。

编辑：https://github.com/caged/d3-tip的最新版本现在可能就足够了；我将要测试。

=====

警告：本节中的信息可能已过时。

i think 您可能需要使用此库，即D3 V4兼容（也兼容ES5）：

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

如果您不需要ES5兼容性，则可以使用ES6版本：

https://github.com/cgav

=====

（顺便说一句，是D3J的新手，不得不从较旧版本的D3升级到D3 V4，我可以告诉您我根本不喜欢这个过程，而且我都不喜欢欣赏所有不兼容和打破变化。只有在您必须将打字稿注入1.8-> 2.4升级中时，它才会变得更令人沮丧。）