更改 nvd3 图表中 xAxis 的日期格式答案

【问题标题】：Change date format for xAxis in nvd3 chart更改 nvd3 图表中 xAxis 的日期格式
【发布时间】：2016-06-25 03:46:19
【问题描述】：

我有一个有效的多条形图，但我无法更改日期格式。

在 json 数据字符串中，日期读取为 2016-01-01、2016-02-01 等，我希望在 x 轴上读取为 Jan 16。

这是我的小提琴：

http://jsfiddle.net/xpz526xo/6/

这是我尝试添加以更改日期但没有效果的内容

chart.xAxis .tickFormat(function(d) { return d3.time.format('%m %y')(new Date(d)) });

抱歉，我在手机上提交时对上述代码的格式进行了修改

【问题讨论】：

标签： javascript d3.js nvd3.js

【解决方案1】：

这样做：

var format = d3.time.format("%Y-%d-%m").parse;//needed to parse the string to date
var chart = nv.models.multiBarChart();
chart.xAxis
.tickFormat(function(d) {
  return d3.time.format('%m %y')(format(d)); 
});

您必须在 SVG 中绘制 xAxis/yAxis 刻度格式之前定义它（这就是您看不到刻度格式的原因）。 p>

工作代码here

【讨论】：