如何动态跳过d3.js图表中的x轴标签以始终拥有一个漂亮的图表？

如何动态跳过d3.js图表中的x轴标签以始终拥有一个漂亮的图表？ 如果我有一张x轴上有很多数据点的图表，每个数据点的前面都有一个x轴上的标签，这些标签确实重叠。 这里有一个例子

---

我不想旋转x轴标签，如果x轴上可能有超过20个标签，我想跳过标签的显示，以始终拥有一个漂亮的图表。

参考您在屏幕截图上的示例：

//you draw the graph when ticks are less than 10 add this condition
 if (x.ticks().length < 10){
  svg.append("g")
      .attr("class", "x axis")
      .attr("transform", "translate(0," + height + ")")
      .call(xAxis);
}

//当刻度小于10时绘制图形添加此条件
如果（x.刻度（）.长度<10）{
svg.append（“g”）
.attr（“类”、“x轴”）
.attr（“变换”、“平移（0）”、“高度+”）
.呼叫（xAxis）；
}

---

工作代码

为xAxis设置值

xAxis.tickvalue（d3.range（minX，maxX，interval））

interval是跳过的次数。比如，如果您想在xAxis上每隔5个标签显示一次，则间隔为5