D3.js D3 y轴刻度网格不透明度和颜色

我正在从Bostocks Bl.ock制作一张voronoi折线图-，我试图改变y轴刻度线的不透明度和颜色。我已经将tickSize扩展到（-width），这样它们就可以贯穿整个图表，但似乎无法将笔划从黑色更改为浅灰色

不确定这是我的D3术语还是一个简单的类问题

以下是我当前的y轴代码：

g.append("g")
  .attr("class", "axis axis--y")
  .call(d3.axisLeft(y)
  .ticks(6)
  .tickSize(-width))
.append("text")
  .attr("transform", "rotate(360)")
  .attr("x", 4)
  .attr("y", 0.5)
  .attr("dy", "1em")
  .style("text-anchor", "start")
  .style("fill", "black")
  .style("font-weight", "bold")
  .text("No. of Tornadoes");

以下是我的课程：

<style>


.axis--y path {
  display: none;
  fill: none;
  stroke: #17BED5;
  stroke-width: 1.0;

}

.cities {
  fill: none;
  stroke: #d73027;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-width: 1px;
}

.city--hover {
  stroke: #4575b4;
  stroke-width: 2px;
}

.focus text {
  text-anchor: middle;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}

.voronoi path {
  fill: none;
  pointer-events: all;
}

.voronoi--show path {
  stroke: red;
  stroke-opacity: 0.2;
}

#form {
  position: absolute;
  top: 20px;
  right: 30px;
}



</style>

.轴--y路径{
显示：无；
填充：无；
行程：#17BED5；
笔划宽度：1.0；
}
.城市{
填充：无；
行程：#d73027；
笔划线条连接：圆形；
笔划线头：圆形；
笔画宽度：1px；
}
.城市-悬停{
行程：4575b4；
笔画宽度：2px；
}
.焦点文本{
文本锚定：中间；
文本阴影：01px0#fff，1px0#fff，0-1px0#fff，-1px0#fff；
}
.沃罗诺路{
填充：无；
指针事件：全部；
}
.voronoi--显示路径{
笔画：红色；
笔划不透明度：0.2；
}
#形式{
位置：绝对位置；
顶部：20px；
右：30px；
}

---

非常感谢您的帮助。

您能尝试将样式添加到

.axis--y线中吗？例如，
.axis--y线{stroke:lightgrey；opacity:0.3}
d3给你的ticks类：ticks，所以将.ticks路径{stroke:lightgrey；opacity:0.3}添加到你的css中它们都工作了。多谢各位！