D3.js 中 X 轴的缩写月份格式

abbreviated month format for x-axis in d3.js

本文关键字:缩写 格式 js D3      更新时间:2023-09-26

如何通过此函数将完整的月份名称转换为缩写名称

axis.ticks(d3.time.months, 1)

此函数在完整的一月二月打印月份名称

我应该用什么来将其更改为缩写名称。

您可以添加 timeFormat,如下所示:

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

在 d3 版本 4 发布之前回答了接受的答案。如果要对 d3 版本 4 执行相同的操作,请按如下所示:

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