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可摺疊圖增加弧線曲線半徑

回答

相關問題