在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

我在 TypeScript 中遇到了同样的问题。

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

====

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

我想你可能需要使用这个库，它与 D3 v4 兼容（也兼容 ES5）：

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

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

https://github.com/cgav

====

（顺便说一句，作为 D3js 的新手，必须从旧版本的 D3 升级到 D3 v4，我可以告诉你，我根本不喜欢这个过程，而且我不以任何方式欣赏所有的不兼容性和重大更改。当您必须将 TypeScript 1.8 -> 2.4 升级注入其中时，只会变得更加令人沮丧。）