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

Question

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

在 json 数据字符串中，日期显示为 2016-01-01、2016-02-01 等，我希望在 x 轴上显示为 1 月 16 日。

这是我的 fiddle:

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

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

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

对于我在移动设备上提交的上述代码的格式表示歉意phone

Answer 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)); 
});

你必须定义xAxis/yAxis刻度格式，然后在 SVG 中绘制它（这就是你看不到刻度的原因格式化）。

工作代码here

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

Change date format for xAxis in nvd3 chart

javascript

d3.js

nvd3.js