d3.partition的層級級別標籤冰柱圖

Question

我對D3相當新，我試圖創建icicle chart here的修改版本。我需要在圖表上方添加標籤以指定層次結構級別名稱 （不是每個分區的名稱，但是列名稱代表層次結構中的級別）。 我有一個數組中的名稱，我試圖將它們添加到圖表之前，我綁定實際的分層數據，但我似乎無法讓標籤出現在該圖表上方。 我不知道我是否需要減少垂直空間圖表佔用量，或者我需要移動標籤每個層級

var levels=["LEV 1", "LEV 2", "LEV 3", "LEV 4"]; 

vis.selectAll("g").append('g') 
     .data(levels).enter() 
     .append("text") 
     .attr("dy", ".55em") 
     .attr('y', 5) 
     .attr('x', function(d,i){ 
     return (i+1)* (w/levels.length) ;}) 
     .attr('text-anchor', 'start') 
     .attr("class", "pHeader") 
     .text(function(d) { return d; }); 

任何幫助，將不勝感激

Answer 1

這似乎當你設置你的繪圖區域的大小時，你的問題只是爲留空留出餘地。

本教程應該有所幫助： D3 Margin Convention

你也可能想看看使用D3軸順序量表用來分隔出你的水平的標籤。