Typescript 在d3中为辅助网格线着色

我画了一个折线图，需要辅助网格线。
我给它们上色有问题

我的代码设置颜色为“红色”，但应用于勾号格式而不是行

。。。
this.mainContainer.append（'g'））
.attr（'笔划'，'红色'）
.attr（'stroke-width'，10）
.attr（'填充'，'无'）
.call（this.make_y_网格线（）
.1.1.2.1.2.1.2.2.1.2.2.2.2.2.1.2.2.2.2.1.2.2.1.2.2.2.1.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2
)
...
私有make_y_网格线（）：轴{
返回d3.axisLeft（this.yScale）
.蜱（10）；
}

...
this.mainContainer.append('g')
  .attr('stroke', 'red')
  .attr('stroke-width', 10)
  .attr('fill', 'none')
  .call(this.make_y_gridlines()
    .tickSize(-xWidth)
  )
...

private make_y_gridlines() : Axis<number | { valueOf(): number; }> {        
  return d3.axisLeft(this.yScale)
      .ticks(10);
}