如何在dygraph中更改轴的参数

时间:2015-12-15 13:27:17

标签: javascript pug dygraphs

我正在为我的项目使用dygraph。我能够生成图形,但我想在 x 轴上使用时间而不是日期。我怎样才能做到这一点?

基本上我每小时都会运行我的测试,而不是每天都在运行,这就是为什么我希望 x 轴在时间上不及时。

以下是我的dygraph的截图:

enter image description here

1 个答案:

答案 0 :(得分:1)

您有几个选择。

首先,您可以扩大图表范围。 dygraphs已经计算出x轴上的空间不足以显示每小时或每日滴答,因此它会回落到每周滴答。

如果你想迫使dygraphs显示每小时滴答,你可以做this answer之类的事情:

var g = new Dygraph(div, data, {
  axes: {
    x: {
      ticker: function(a, b, pixels, opts, dygraph, vals) {
        return Dygraph.getDateAxis(a, b, Dygraph.HOURLY, opts, dygraph);
        // or TWO_HOURLY or SIX_HOURLY...
      }        
    }
  }
});