如何用dygraphs显示所有月份？

Question

我想要用dygraphs和JavaScript创建的图中显示所有月份。现在，仅限剧情放映: 2012年4月，2012年7月，2012年10月

我的价值观：

X,Y,Z
    2012/01/10,0,3
    2012/02/10,2,6
    2012/03/10,4,8
    2012/04/10,6,9
    2012/05/10,8,9
    2012/06/10,10,8
    2012/07/10,12,6
    2012/08/10,14,3
    2012/09/10,23,7
    2012/10/10,18,8
    2012/11/10,17,4
    2012/12/18,14,7

代码在这里：Edit fiddle

Answer 1

dygraphs尝试选择一组适合您的数据范围和图表宽度的x轴标签。如果你不喜欢它的选择，你可以用一个custom ticker覆盖它。

在您的示例中，要强制每月计时，可以执行以下操作(full fiddle)：

new Dygraph(div, data, {
  axes: {
    x: {
      ticker: function(min, max, pixels, opts) {
        return Dygraph.getDateAxis(min, max, Dygraph.Granularity.MONTHLY, opts, this);
      }
    }
  }
});

不过，请注意，这可能会产生看起来很糟糕的结果。对于示例数据和默认图表宽度，每月刻度会生成太多标签，并且它们彼此重叠：

​

​