Jak ustawić min/max osi X w Rickshaw/D3?

Question

Chcę wyświetlić wykres liniowy danych czasowych dla "dzisiaj". W południe zostanie wypełniona tylko połowa wykresu, ponieważ seria nie zawiera więcej danych. Jak mogę sprawić, by riksza wyświetlała pełny wykres zamiast tylko ram czasowych z istniejącymi danymi?

Answer 1

miałem sam problem i rozpuszcza przez dodanie null punktów danych o pożądanej maksymalnej i minimalnej wartości 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> 

to pokazuje wykres z osi X od -5 do 10, dane tylko od 0 do 4.