Javascript 使用typescript的D3 Sankey图
我这里的代码是用香草javascript编写的,但是我很难在我的Angular 2项目(使用Angular CLI构建)中使用Sankey图表,该项目使用Typescript D3在项目中运行良好,但即使使用Sankey插件和npm安装的打字: 插件: 打字: 我在以下方面遇到错误: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
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)