使用打字稿

Question

我有来自https://gist.github.com/d3noob/013054e8d7807dff76247b81b0e29030的代码在vanilla javascript中工作，但是我很难在我的Angular 2项目（使用Angular CLI构建）中使用Typescript来获取Sankey图。

D3在项目中工作正常，但即使使用从npm安装的Sankey插件和打字：

插件：https://www.npmjs.com/package/d3-sankey

打字：https://www.npmjs.com/package/@types/d3-sankey

我收到错误：

const sankey = d3.sankey()
.nodeWidth(20)
.nodePadding(40)
.size([width, height])

const path = sankey.link()

和

sankey
    .nodes(graph.nodes)
    .links(graph.links)
    .layout(32)

因为.link（）和.layout（）都不是sankey的公认属性。有没有人使用Typescript和Angularjs 2+工作的sankey图？任何帮助将不胜感激。

Answer 1

d3-sankey插件没有定义链接功能。您正在使用适用于较旧插件的代码，而不是已插入d3 gitHub存储库（d3-sankey）的代码。

请尝试引用此示例 - 它使用与您相同的插件版本：https://bl.ocks.org/mbostock/ca9a0bb7ba204d12974bca90acc507c0