在nvd3 multichart中显示日期

时间:2013-02-01 17:04:38

标签: javascript d3.js nvd3.js

我正在尝试在nvd3图表上显示日期。我已经使用lineChart模型成功完成了这项工作,但我正在努力使用multiChart模型。

图表显示正确,但我可以让x轴标签工作。从我所看到的这是因为传递给tickFormat的d值是NaN,我不知道为什么。

chart.xAxis.tickFormat(d)

这意味着我无法从。

获取创建d3.time.format的值

然而,在绘制图表之后,d的值是我所期望的(它是chart.x函数的返回值)。

var chart = nv.models.multiChart()
.x(function(data,increment){
    return data.x
});

我对此有点了解,尝试了解nv源代码,但是这一切如何挂起来对我来说并不直观!

任何帮助建议都会受到高度赞赏。

由于

艾伦

1 个答案:

答案 0 :(得分:0)

根据我的个人经验,似乎XAxis中的日期更改为时间戳编号。 试试这个

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