D3折れ線グラフのプロット領域に余白を正しく追加するにはどうすればよいですか？

Question

ここで見られるように、私はD3で折れ線グラフを持っている：

Iはy軸目盛り幅と同じ大きさにx軸を延長しようとしています。次のように現在、私は範囲を設定しています：

// set the ranges 
var x = d3.scaleTime().range([20, width - 20]); 
var y = d3.scaleLinear().range([height, 0]); 

をこれは、左右からのプロットを押す私の所望の効果を達成するが、x軸を延長しません。範囲を変更せずにプロットにパディングを追加する方法がなければならないと確信していますが、どのように把握できないのでしょうか？

Answer 1

リニアスケールにパディングを追加する簡単な方法はありません。

x軸はカテゴリデータ（曜日）を表示しているため、d3.scalePointを使用し、外側の埋め込みをpadding functionに設定することができます。