2013-05-14 36 views
3

我有黃包車做了一個圖表網格線:人力車只顯示在某些方面

My graph

我有刻度線的設置,使他們只有一個標籤,如果該值是-24,0,或24:

// Instantiate x-axis 
var xAxis = new Rickshaw.Graph.Axis.X({ 
    graph: graph, 
    orientation: 'bottom', 
    pixelsPerTick: 25, 
    element: graphXAxis, 
    tickFormat: function(n) { 
    switch(n) { 
     case -24: return '24 hours ago'; 
     case 0: return 'Now'; 
     case 23: return '24 hours from now'; 
    } 
    } 
}); 

但網格線顯示在每一個刻度,即使是我的case語句沒有爲返回的! 我怎樣才能擺脫其餘的網格線?

回答

5

您可以使用標記鍵指定所需數量的刻度。但是,這不會讓您具體控制生成這些報價的位置,並且您可能無法獲得所需的數量。通過對RickShaw的額外擴展,您可以獲得對蜱的更多控制權,詳情請參閱支持代碼here

var xAxis = new Rickshaw.Graph.Axis.X({ 
    graph: graph, 
    orientation: 'bottom', 
    pixelsPerTick: 25, 
    ticks:3, 
    element: graphXAxis, 
    tickFormat: function(n) { 
    switch(n) { 
     case -24: return '24 hours ago'; 
     case 0: return 'Now'; 
     case 23: return '24 hours from now'; 
    } 
    } 
});