人力车只在某些点上显示网格线

Question

我有一个用人力车制作的图表:

我有刻度线设置,因此如果值为-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语句没有返回的那些!我怎样才能摆脱其余的网格线？

Answer 1

您可以使用刻度键指定所需的刻度数.但是,这不会让您具体控制生成这些滴答的位置,并且您可能无法准确获得所请求的数量.随着一些额外的扩展,人力车,你才可以通过蜱更多的控制权,这是与支持代码的详细位置.

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';
    }
  }
});