分层分区中的不均匀宽度答案

【问题标题】：Uneven widths in a hierarchical partition分层分区中的不均匀宽度
【发布时间】：2017-06-07 18:07:53
【问题描述】：

我是 D3.js 的新手。我需要使用分区布局来绘制我的分层数据的表示。但我希望给定列的宽度取决于其在层次结构中的深度的某个函数。

例如，在https://bl.ocks.org/mbostock/2e73ec84221cb9773f4c 中，五列的相对宽度将分别为 0.2、0.1、0.1、0.3、0.3，而不是 0.2、0.2、0.2、0.2、0.2。

如果我理解正确d3.js uneven scaling with rangeBands，我不能。但是，这个问题已经有将近 3 年的历史了。今天可以吗？

当然，我可以手动调整由partition() 填充的x 和dx 属性。但我想有一个更清洁的解决方案。

【问题讨论】：

【解决方案1】：

回答我自己的问题。事实证明，这可以通过比例来完成：

代替：

x_scale = d3.scaleLinear().range([0, WIDTH])

只要做：

x_scale = d3.scaleLinear().domain([0, 0.2, 0.3, 0.4, 0.7]).range([0, 0.2*WIDTH, 0.3*WIDTH, 0.4*WIDTH, 0.7*WIDTH])

像魅力一样工作。

【讨论】：