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

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

您可以使用ticks 键指定所需的刻度数。但是，这不会让您具体控制这些价格变动的生成位置，并且您可能无法准确获得所请求的数量。通过对 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';
    }
  }
});