从右到左可缩放的冰柱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：缩放将不再起作用，您也必须更改它。