d3 - 如何在 x 轴上格式化日期

Question

d3 超级新手，如果这个问题措辞不当，我深表歉意。

我正在尝试更改预先存在的代码并重新格式化图表 x 轴上显示的日期。目前，我的 x 轴显示每个月的刻度，并且月份没有缩写，例如一月、二月等

由于篇幅限制，我需要缩写这些月份，例如一月、二月等

这是创建 x 轴的代码：

   master.append("g")
      .attr("class", "x axis")
      .attr("transform", "translate(0," + height + ")")
      .call(d3axis.axisBottom()
        .scale(x));

我相信我需要将一个函数链接到axisBottom 调用。我一直在查看文档中的tickFormat 和timeFormat，以及this 示例。我正在尝试做类似的事情：

    master.append("g")
      .attr("class", "x axis")
      .attr("transform", "translate(0," + height + ")")
      .call(d3axis.axisBottom()
        .tickFormat(d3axis.timeFormat("%m"))
        .scale(x));

但我收到此错误：npmD3Axis.default.timeFormat 不是函数

谁能指出我正确的方向？ 谢谢！

Answer 1

axis.ticks(d3.time.months, 1).tickFormat(d3.time.format("%b"));

您必须将甲酸盐形式 %m 更改为 %b

d3.js v4

axis.ticks(d3.timeMonth, 1).tickFormat(d3.timeFormat('%b'));