Rickshaw/D3でx軸の最小/最大をどのように設定できますか？

Question

「今日」の時間ベースのデータの線グラフを表示します。正午には、一連のデータにはそれ以上のデータが含まれていないため、グラフの半分だけが入力されます。どのようにして、人力車を既存のデータの時間枠ではなくフルチャートで表示させることができますか？

Answer 1

私は同じ問題を有し、所望の最小および最大のx値とnullデータポイントを追加することによってそれを解決：

<div id="chart"></div> 
<div id="x_axis"></div> 
<script> 
var graph = new Rickshaw.Graph({ 
    element: document.getElementById('chart'), 
    width: 500, 
    height: 200, 
    renderer: 'line', 
    series: [ 
     { data: [   
       { x: -5, y: null}, 
       { x: 10, y: null}, 
      ] 
     }, 
     { color: 'steelblue',   
      data: [ 
       { x: 0, y: 40 }, 
       { x: 1, y: 49 }, 
       { x: 2, y: 38 }, 
       { x: 3, y: 30 }, 
       { x: 4, y: 32 } ] 
     } 
    ]  
}); 

var x_ticks = new Rickshaw.Graph.Axis.X({ 
    graph: graph, 
    orientation: 'bottom', 
    element: document.getElementById('x_axis'), 
    pixelsPerTick: 100, 
}); 

graph.render(); 
</script> 

これは-5〜10のx軸とのグラフを示している、とデータは0〜4の間でしかありません。