我使用d3.js v3版本
创建了组织结构图笔 - https://s.codepen.io/bumbeishvili/debug/yayErR
我想添加几个功能,我还想将其迁移到d3.v4 所以,我已经开始了迁移过程 在这支笔中 - https://codepen.io/bumbeishvili/pen/RodMYG?editors=0010
影响迁移过程的变化如下
1. d3.layout.tree => d3.tree
2. d3变焦行为改变了,所以它也打破了代码
3.最重要的变化(几乎影响到每个图表)是不同版本之间进入退出选择的规则
我有什么问题?
我顺利改变这些线路有困难
var nodes = tree.nodes(root),
links = tree.links(nodes);
问题1 - 我如何更改以上内容,以便其余代码正常运行?
对于绘图链接,我使用的是对角函数,如下所示:
var diagonal = d3.svg.diagonal()
.projection(function(d) {
return [d.x + Width / 2, d.y + Height / 2];
});
问题2 - 上面的替代方案是什么,以便其他代码行不会改变?
问题3 - 是否有任何通用方法可以将v3代码更改为v4,以便进入&退出行为保持不变?
这是jsfiddle - https://jsfiddle.net/augburto/YMa2y/,它绘制了更简单的图表(我的基础就是这个),
问题4 - 有谁可以告诉必须对这些jsfiddle图表应用哪些更改才能在d3.v4上正确显示?