從右到左可縮放的冰柱d3

Question

如何從右到左更改此鏈接的對齊方式？

現在對齊是從上到下

Answer 1

代替：

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

它一定要是：

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

編輯：如果您希望冰柱從右向左移動（父母在右側，孩子在左側），這是您必須做的：

首先，反轉y比例尺的范圍：

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：縮放將不再起作用，您也必須更改它。