Làm thế nào tôi có thể đặt phút/tối đa của trục x trong Rickshaw/D3?

Question

Tôi muốn hiển thị biểu đồ tuyến tính của dữ liệu dựa trên thời gian cho 'hôm nay'. Vào buổi trưa, chỉ một nửa biểu đồ sẽ được phổ biến khi chuỗi không chứa nhiều dữ liệu hơn. Làm thế nào tôi có thể làm cho xe kéo hiển thị toàn bộ biểu đồ thay vì chỉ khung thời gian với dữ liệu hiện có?

Answer 1

tôi đã cùng một vấn đề và giải quyết nó bằng cách thêm null điểm dữ liệu với mức tối thiểu mong muốn và x có giá trị tối đa:

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

này cho thấy một đồ thị với một trục x từ -5 đến 10, với dữ liệu chỉ từ 0 đến 4.