D3 js可折叠图表增加圆弧曲线半径

Question

我是 D3js 的新手。我在可折叠树中显示 json。树显示正常，但连接节点的线大多是直的。如何控制连接节点的圆弧半径？请让我知道如何在 d3js 中执行此操作。

d3上需要绘制的json数据

  var treeData = JSON.parse('{"name":"pradeep","age":40,
      "children": [{
          "name": "naveen",
          "description": 20,
          "children": [{
              "name": "interest",
              "description": "displays the hobbies list",
              "hobby": "S",
              "hobby_name": "singinh"
          }, {
              "name": "profession",
              "description": "describes the profession",
              "profession": "blogger",
              "salary": 20000,
              "children": [{
                  "name": "cars",
                  "description": "car collections",
                  "children": [{
                      "name": "car-collections",
                      "description": "collections of cars",
                      "car_name": "audi",
                      "car_number": "8080"
                  }]
              }]
          }]
      }]
  }');

附加在工作插件链接中 - Plunker

Answer 1

垂直分隔是由代码中的一个幻数设置的，甚至还有注释：

var newHeight = d3.max(levelWidth) * 25; // 25 pixels per line

您可以调整此值或为其创建动态规则。

这是您使用 200 的 plunker：http://plnkr.co/edit/lmy7R5S6fH3kF69VT9zS?p=preview