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

Question

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

图片取自：堆栈溢出

我花了很多时间，但一直无法理解如何去做。在此方向上的任何领导表示赞赏。

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);
        }
      }
    }
);

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

Major Ticks and Minor Ticks using Dygraphs

javascript

dygraphs