Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用typescript的D3 Sankey图_Javascript_Angularjs_Typescript_D3.js_Sankey Diagram - Fatal编程技术网

Javascript 使用typescript的D3 Sankey图

Javascript 使用typescript的D3 Sankey图,javascript,angularjs,typescript,d3.js,sankey-diagram,Javascript,Angularjs,Typescript,D3.js,Sankey Diagram,我这里的代码是用香草javascript编写的,但是我很难在我的Angular 2项目(使用Angular CLI构建)中使用Sankey图表,该项目使用Typescript D3在项目中运行良好,但即使使用Sankey插件和npm安装的打字: 插件: 打字: 我在以下方面遇到错误: const sankey = d3.sankey() .nodeWidth(20) .nodePadding(40) .size([width, height]) const path = sankey.link

我这里的代码是用香草javascript编写的,但是我很难在我的Angular 2项目(使用Angular CLI构建)中使用Sankey图表,该项目使用Typescript

D3在项目中运行良好,但即使使用Sankey插件和npm安装的打字:

插件:

打字:

我在以下方面遇到错误:

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

const path = sankey.link()


因为.link()和.layout()都不是公认的sankey属性。有人有使用Typescript和Angularjs 2+的sankey图表吗?任何帮助都将不胜感激。

d3 sankey插件没有定义链接功能。您使用的代码是为旧插件编写的,而不是为D3Github存储库(d3 sankey)中的插件编写的


请尝试引用此示例-它使用与您相同的插件版本:

d3 sankey插件没有定义链接函数。您使用的代码是为旧插件编写的,而不是为D3Github存储库(d3 sankey)中的插件编写的


请尝试引用此示例-它使用与您相同版本的插件:

我甚至找不到
d3.sankey()
在安装类型后,您是如何做到的?@John_J您需要安装插件tohank you@Michael~顺便说一句,我这些天一直在使用sankey图表,请参考我的要点:。简而言之:1。导入d3 sankey,其名称不是d3(已被d3.js使用)。2.用特定类型定义输入(
节点
链接
)(如我在要点中所示)。我甚至找不到
d3.sankey()
在安装类型后,你是如何做到的?@John_J你需要安装插件tohank you@Michael~顺便说一句,我这些天一直在使用sankey图表,请参考我的要点:。简而言之:1。导入d3 sankey,其名称不是d3(已被d3.js使用)。2.用特定类型定义输入(
节点
链接
)(如我在要点中所示)。对于将来遇到此问题的任何人,我可以确认Lecia和John_J的答案的组合是否有效。我特别建议你在对我的原始问题的评论中查看John_J的要点。对于将来遇到这个问题的任何人,我可以确认Lecia和John_J的答案的组合确实有效。我特别建议您在对我的原始问题的评论中查看John_J的要点。
sankey
    .nodes(graph.nodes)
    .links(graph.links)
    .layout(32)