Question

适当的披露 - 我在javascript上很糟糕，但是想要学习！

我有一个包含这些内容的数组：

[1349013600] =＆gt; 232

密钥是unix时间戳，值是当天的销售额。我目前正在多条图表上绘制这些图表，效果很好。

问题是我的x轴，目前定义如下：

chart.xAxis
.tickFormat(d3.format(',f'));

它将unix时间戳作为直线int输出到x轴标签和悬停工具提示。我想尝试将其输出为D-M-Y或类似的人类可读日期指示器。

我找到的最接近的是这段代码：

chart.xAxis.tickFormat(function(d) {
       var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
   return d3.time.format('%x')(new Date(dx))
 });

但是我很难理解它在做什么，并且无法在我的特定图表上实现。当前代码如下所示：

nv.addGraph(function() {
var chart = nv.models.multiBarChart()
            .stacked(true)

chart.xAxis
    .tickFormat(d3.format(',f'));

chart.yAxis
    .tickFormat(function(d) { return '$' + d3.format(',f')(d) });

d3.select('#chart1 svg')
    .datum(test_data2)
  .transition().duration(500).call(chart);

nv.utils.windowResize(chart.update);

return chart;
});

有人可以解释如何使其发挥作用 - 更重要的是 - 为什么？感谢任何指导！

Answer 1

我一打开赏金就解决了这个问题（'哦！）

这对我有用

.tickFormat(function(d){return d3.time.format('%d-%b')(new Date(d));})

诀窍是重新格式化nvd3的数据，这是创建轴后的

Answer 2

JavaScript时间戳以毫秒为单位，因此在使用之前应将Unix标记乘以1000。

nvD3的新功能 - 如何使我的unix时间戳在x轴上显示为日期？

2 个答案: