适当的披露-我对javascript感到很恐惧,但是想学习!
我有一个数组,里面有一些像这样的条目:
[1349013600] => 232
关键是unix时间戳,值是从那天起的销售额$。我目前在多栏图表上绘制这些图表,效果很好。
问题是我的x轴,当前定义如下:
chart.xAxis
.tickFormat(d3.format(',f'));
它将unix时间戳记作为相对于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;
});
有人可以解释如何使其工作,更重要的是,为什么?感谢任何指导!
最佳答案
我打开赏金后就解决了这个问题(天哪!)
这是对我有用的.tickFormat(function(d){return d3.time.format('%d-%b')(new Date(d));})
技巧是在创建轴后重新格式化nvd3的数据