轴标签未显示在d3图表中

Question

我是D3的新手，目前正在尝试创建折线图。轴的尺寸正确，但是轴的标签没有显示。它们在那里，当我突出显示它们应该在的位置时，它们就会出现。它们必须被隐藏或以白色填充显示，但是我不确定为什么会这样。下面是我向图表添加轴的代码。

var xScale = d3.scaleTime()
  .domain(d3.extent(data[0].values, d => d.date))
  .range([0, width1-margin1]);

var yScale = d3.scaleLinear()
  .domain([0, 40])
  .range([height1-margin1, 0]);


/* Add Axis into SVG */
var xAxis = d3.axisBottom(xScale).ticks(10);
var yAxis = d3.axisLeft(yScale).ticks(10);

svg1.append("g")
  .attr("class", "x axis")
  .attr("transform", `translate(0, ${height1-margin1})`)
  .call(xAxis);


svg1.append("g")
  .attr("class", "y axis")
  .call(yAxis)
}

值在那里，只是出于某种原因而没有显示