如何在Rickshaw/D3中設置x軸的最小/最大值？

Question

我想顯示'今天'的基於時間的數據的線性圖。在中午，只有一半的圖表會填充爲系列不包含更多數據。我如何讓人力車顯示完整的圖表，而不是隻顯示現有數據的時間表？

Answer 1

我有同樣的問題，並通過添加null數據點與期望的最小和最大x值解決了它：

<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> 

此示出了具有x軸的曲線圖從-5〜10，與數據只在0和4之間。