在 d3.js 中的 x 轴上以不同格式打印日期

Question

我正在使用 D3.js 来构建这个折线图。它的工作正常。但我无法以缩写形式在 x 轴上打印月份 (jan,feb ....)

这里我是如何解析日期的。

var parseDate = d3.time.format("%m-%Y").parse;

x轴的代码

var xAxis = d3.svg.axis().scale(x).orient("bottom");

并打印和附加

svg.append("g")
  .attr("class", "x axis")
  .attr("transform", "translate(0," + height + ")")
  .call(xAxis);

帮我解决这个问题。

Answer 1

只需在内部使用带有 d3.time.format 的 tickFormat

var xAxis = d3.svg.axis().scale(x).orient("bottom").tickFormat(d3.time.format("%H"))