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"))