javascript - 如何更改dygraph中的轴参数

标签 javascript pug dygraphs

我正在为我的项目使用 dygraph。我能够生成图表,但我想要时间而不是 x 轴上的日期。我怎样才能实现这个目标?

基本上,我将每小时运行一次测试,而不是每天运行,这就是为什么我希望 x 轴及时而不是日期。

这是我的 dygraph 的屏幕截图:

enter image description here

最佳答案

您有几个选择。

首先,您可以使图表更宽。 dygraphs 计算出 x 轴上没有足够的空间来显示每小时或每日的刻度,因此它回落到每周的刻度。

如果您想强制图文显示每小时的刻度,您可以执行类似 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...
      }        
    }
  }
});

关于javascript - 如何更改dygraph中的轴参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34290511/

相关文章:

javascript - 关于 jquery 中的可拖动元素

html - 将微调器置于按钮中心

javascript - 如何调整模态窗口的 JavaScript

javascript - 尝试让 Jade 重定向页面

node.js - Zappa 错误无法找到 View ( Jade 模板)

css - 在 dygraphs 中调整链接图的大小时,图例不会留在原地

javascript - dygraphs JavaScript 日期之间的距离

r - 使用 dygraphs 部署 r shiny 应用程序时遇到问题

javascript - 单个 $routeProvider 规则中的可选路径

javascript - JQuery - 在没有事件的情况下操作新元素