階層パーティション内の不均一な幅

Question

D3.jsを初めて使用しています。私は、例えば、パーティションレイアウトで階層データの表現を描く必要があります。しかし、私は与えられた列の幅が階層内のある深さのある関数に依存したいと思っています。

たとえば、https://bl.ocks.org/mbostock/2e73ec84221cb9773f4cでは、5つの列の相対幅が0.2,0.2,0.2,0.2,0.2の代わりにそれぞれ0.2,0.1,0.1,0.3,0.3になります。

私は正しくd3.js uneven scaling with rangeBandsを理解することはできません。しかし、この質問はほぼ3歳です。今日は可能ですか？

が入力されたとdxの属性を手動で微調整することができます。しかし、私は清潔なソリューションが存在すると思います。

Answer 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]) 

作品。