Javascript 勾号（网格）在D3.js中被Y轴覆盖

我在这里创建了Js小提琴

如X轴和Y轴下方所需，带有黑色，网格较轻

但低于 创建Y轴比例并创建刻度

我设置了tickSizeInner（边距宽度+100），但它不起作用

    var yScaleTest = d3.scaleLinear()
  .domain([
    d3.min(this.materialGraphDataSource[0].materials, function (d) {
      return d3.min(d.materialStocks, function (d) {
        return d.item2;
      })
    }),
    d3.max(this.materialGraphDataSource[0].materials, function (d) {
      return d3.max(d.materialStocks, function (d) {
        return d.item2;
      })
    })])
  .range([height - margin, 0])
  .nice();

   /* Add Axis into SVG */
var xAxis = d3.axisBottom(xScaleTest)
  .ticks(d3.timeMonth.every(1))
  .tickSizeOuter(0)
  .tickSizeInner(-height + margin)
  .tickFormat(d3.timeFormat("%b -%Y"));

var yAxis = d3.axisLeft(yScaleTest)
 .ticks(14)
  .tickSizeOuter(0)
  .tickSizeInner(margin-width+200)

svg.append("g")
    .attr("class", "y axis")
    .call(yAxis)
    .call(g => g.selectAll(".tick line")
      .attr("class", "axis_bar")
      .attr("stroke", "#E8E8E8"))

---

选择底部的第一条勾线，然后将其删除

---

@@雨果·埃尔哈吉·拉森-不，它在Y轴上改变颜色。但在这里，yAxis记号在X轴上被覆盖。。请你看看我的附件，我误解了这个问题。为了反映这一点，我改变了答案。@@hugo elhaj lahsen。已经修好了，谢谢。。添加了.call（g=>g.select（'.tick:type line'）.remove（））并修复了该问题。谢谢

  svg.append("g")
    .attr("class", "y axis")
    .call(yAxis)
    .call(g => g.select('.tick:first-of-type line').remove())
    .call(g => g.selectAll(".tick line")
      .attr("class", "axis_bar")
      .attr("stroke", "#E8E8E8"))