zoomable icicle d3右から左

Question

このlinkのアライメントを右から左に変更するにはどうすればよいですか？

var x = d3.scale.linear() 
    .range([0, width]); 

それがなければならない

：

var x = d3.scale.linear() 
    .range([width, 0]); 

編集：あなたは右から左に行くつららをしたい場合は

は今の位置合わせは、下

Answer 1

代わりにトップであります（右側の親、左側の子供）、これはあなたがしなければならないことです：

まず、 Yスケールの範囲VERT：

var y = d3.scale.linear() 
    .range([height,0]); 

をや長方形のすべての属性を反転：ここ

rect = rect 
    .data(partition(d3.entries(root)[0])) 
.enter().append("rect") 
    .attr("y", function(d) { return x(d.x); }) 
    .attr("x", function(d) { return y(d.y); }) 
    .attr("height", function(d) { return x(d.dx); }) 
    .attr("width", function(d) { return y(d.dy); }) 
    .attr("fill", function(d) { return color((d.children ? d : d.parent).key); }) 
    .on("click", clicked); 

は、それを示すフィドルです：https://jsfiddle.net/dLeq2q2d/

PS：ズームは動作しませんもう、あなたもそれを変更する必要があります。