D3棒グラフ左揃えx軸

Question

左揃えのティックをパディングに維持しながら、x軸をコンテナ幅の100％として保持するにはどうすればよいですか？

this.xAxis = d3.scaleBand() 
      .range([0, this.barWidth * this.data.length], 1); 

私が変更した場合は.range([0, this.svgWidth])からrangeは、幅が正しいですが、私のダニが均等に私の望ましい結果ではありませんこれは広がっています。

Answer 1

バンドスケールを使用すると、rangeに2番目と3番目の引数は受け入れられません。代わりにpaddingInnerとpaddingOuterを使用する必要があります。

ので、これにスニペットを変更します。someValueと

this.xAxis = d3.scaleBand() 
    .range([0, this.svgWidth]) 
    .paddingInner(someValue) 
    .paddingOuter(someValue); 

微調整をあなたが希望する結果を見つけるまで。