заставить ось х и галочки исчезнуть в d3

Question

Я бы хотел, чтобы исчезли только метки оси X.В настоящее время у меня есть следующий код, но он делает исчезновение всей оси X, и я хотел бы сохранить горизонтальную линию.

Есть ли способ просто нацелить галочки и текст в одиночку?

// Make x-axis
let xAxis = d3.axisBottom(scaleX);
svg.append("g")
  .attr("class", "axis")
  .attr("transform", "translate(0," + height + ")")
  .attr("opacity", 0.7)
  .call(xAxis);

// Target x-axis; but this targets the entire axis
let setXAxisOpacity = (opacity, duration=120) => {
    d3.select(".axis")
     .transition()
     .duration(duration)
     .ease(d3.easeLinear)
     .style("opacity", opacity)
}

Answer 1

вам нужно нацелиться на text и line части оси

d3.select('.axis').selectAll('text')
     .transition()
     .duration(duration)
     .ease(d3.easeLinear)
     .style("opacity", opacity);
d3.select('.axis').selectAll('line')
     .transition()
     .duration(duration)
     .ease(d3.easeLinear)
     .style("opacity", opacity);