使用Dygraphs的主要刻度和次要刻度

Question

我使用的是Dygraphs。我需要有一个具有网格背景的图形，其中有深蓝色的主要刻度和浅蓝色的次要刻度。每4个小刻度之后应该有一个大刻度。我正在寻找一个类似于下面的图片的效果。

​

​

图片:堆栈溢出

我花了很多时间，但还不能理解怎么做。在这个方向上的任何线索都是值得赞赏的。

Answer 1

您可以尝试使用underlayCallback。类似于：

var g = new Dygraph(div, data,
    {
      underlayCallback: function(canvas, area, g) {
        for (const tick of majorTicks) {
          const x = g.toDomCoordsX(tick);
          canvas.fillRect(x, area.y, x, area.h);
        }
      }
    }
);