【问题标题】:Displaying date in nvd3 multichart在 nvd3 多图表中显示日期
【发布时间】:2013-02-01 17:04:37
【问题描述】:

我正在尝试在 nvd3 图表上显示日期。我已经使用 lineChart 模型成功地做到了这一点,但我正在努力使用 multiChart 模型。

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

chart.xAxis.tickFormat(d)

这意味着我无法从中获取创建 d3.time.format 的值。

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

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

我对此有点过头了,试图理解 nv 源代码,但是这一切如何结合在一起对我来说还不直观!

我们将一如既往地非常感谢任何帮助建议。

谢谢

艾伦

【问题讨论】:

    标签: javascript d3.js nvd3.js


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-04-26
      • 1970-01-01
      • 2014-02-14
      • 1970-01-01
      • 2012-12-13
      • 1970-01-01
      相关资源
      最近更新 更多