树图从d3.v3迁移到d3.v4

时间:2016-12-25 22:55:26

标签: javascript d3.js

我使用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上正确显示?

0 个答案:

没有答案