Javascript d3.ticks（）.tickValues（）未在图表中更新

我见过其他人提出这个问题（），但我仍然没有找到一个明确的解决方案。我的数据集相当大，x轴刻度标签（简单字符串）重叠。我想在图表上设置最多10个刻度。下面是我的代码片段

    // Add the x Axis
svg.append("g")
    .attr("transform", "translate(0," + (chart_height - margin["bottom"]) + ")")
    .call(d3.axisBottom(x)
        .ticks(5),
    )
    .selectAll("text")
    .attr("y", (y(d3.extent(y_values)[0]) - y(0) + 30))
    .style("font-family", "PT Sans")
    .style("font-size", "14px");

我引用了这一点：但无论我做什么，我的滴答数永远不会改变。我尝试了.ticks（）和.tickValues（）

---

我是否将.ticks（）添加到错误的代码部分？我是d3的新手

你能提供JSFIDLE或类似的东西吗？补充！希望它能帮助人们通常期望JSFIDLE是可执行的，而不是代码转储。请看一看，并如何提供一个。很抱歉，这仍然是新的所有这一切。我会设法修理JFiddle！谢谢。据我所知，您需要减少记号数以避免重叠，您是否尝试旋转记号标签？这是解决您的问题的一个选择，