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

我是D3js的新手。我在可折叠树中显示json。树显示正常，但连接节点的线大多是直的。如何控制连接节点的弧的半径？请让我知道如何在d3js中做到这一点。D3 js可折叠图增加弧线曲线半径

需要对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链路连接 - Plunker

来源

2016-09-14 zilcuanu

你是什么意思的 “大多以直” 吗？你是否想要增加“兴趣”和“专业”之间的垂直分离，这是否是问题？ –

@GerardoFurtado是的。哪个参数负责这个属性。 – zilcuanu

垂直间隔由代码中的幻数设置，甚至有一个评论它：

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

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

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

来源

2016-09-14 14:00:25

这看起来不错。如何减少节点之间的长度？ – zilcuanu

请不要在评论中提问。在StackOverflow中，我们处理特定的代码问题，每个问题有一个问题。 –

已发布的问题，以减少节点之间的长度。请查找相同的链接 - http://stackoverflow.com/questions/39508522/d3js-collapsible-tree-decreasing-the-length-between-nodes – zilcuanu

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

回答

相关问题