如何设置刻度之间的间隔？ d3.js

Question

例如，我有SVG容器，宽度为800px，高度为600px。 我希望每40像素添加一个刻度，因此x坐标上的刻度为20（数字从0到20），y坐标上的刻度为15刻度（从0到15）。

here is an image

我该怎么办？我使用d3.js v5

有我的代码（具有缩放和拖动功能）：

public Builder withColors(List<String> colors) {
    this.colors = Optional.ofNullable(colors).map(
        list -> list.stream()
                    .filter(Objects::nonNull)
                    .map(color-> Color.valueOf(color))
                    .collect(Collectors.toList()))
                    .orElse(null);
    return this;
}