javascript - 指定 dygraphs x 间隔刻度

Question

我想控制显示的 x 轴间隔(以及与每个标签点相关联的垂直网格线)，但我一直无法找到执行此操作的方法。默认情况下，Dygraphs 根据所有 x 范围填充 x 标签，但我想要更多粒度。例如，如果我想显示 7 月 14 日一个月的数据，我使用 dateWindow 来设置我的界限。默认情况下，Dygraphs 在 7/6、7/13、7/20 和 7/27(每周的开始)给我 x 个间隔。但是我想要更多的标签和相应的垂直线；例如，每 3 天一次，而不是一周开始。

这可能吗？我对每个 x 标签的显示方式很满意(所以我不认为它是标签格式化程序)。我只想要更多。

Answer 1

如今，在 Dygraph 实例中有一个名为 getDateAxis 的公开方法。

有关它的更多信息，请访问 dygraph-tickers.js .

如果你愿意，你也可以从datePicker开始阅读

因此，您可以根据 x 轴的 maximum 和 minimum 值来处理您想要的“频率”(每 3 天，每 1 天)。

我下面的示例不会找到“最佳频率”，而是将其修复为始终每小时显示一个勾号。

出于测试目的，将 Dygraph.HOURLY 更改为 Dygraph.TWO_DAILY，无论您使用何种缩放比例，您都会每两天打一次勾。

g = new Dygraph(
    document.getElementById("graphdiv"),
    graph_data,
    { // other options......
      axes: {
        x: {
          ticker: function(min, max, pixels, opts, dygraph, vals) {
            return Dygraph.getDateAxis(min, max, Dygraph.HOURLY, opts, dygraph);
          },
        },
      }
    }
  );