d3 .ticks()。tickValues()未在图表中更新

时间:2017-07-14 09:15:02

标签: javascript d3.js

我见过其他人有这个问题(What does it take for .ticks() to work?),但我还没有找到明确的解决方案。我的数据集非常大,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");

我引用了这个:https://github.com/d3/d3-axis/blob/master/README.md#axis_ticks但是无论我做什么,我的滴答数都不会改变。我尝试了.ticks()和.tickValues()。

我可能会将.ticks()添加到错误的代码部分吗?我是d3的新手。

0 个答案:

没有答案