当我们使用DateTime作为X轴时刻度

Question

我目前正在使用Angular Directive（angular-nvd3）处理NVD3。我有一个非常简单的折线图，数据非常简单。

我现在遇到的问题是我的数据与Axis错误对齐。

我在xAxis上使用日期，使用d3库进行解析：

tickFormat: function(d) {return d3.time.format('%d/%m')(new Date(d))}

我搜索了很多，但找不到任何满意的答案。请帮忙，谢谢

Answer 1

您需要将此添加到index.html

<script data-require="lodash.js@1.3.1" data-semver="1.3.1" src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/1.3.1/lodash.min.js"></script>

您必须为xAxis添加额外的tickValues

rotateLabels: -45, tickValues: function(values) { return _.map(values[0].values, function(v) { return new Date(v.x); }); }

这是PLUNKR

检查here以获取更多信息。即使这看起来像给你一些错误，但看起来这是最好的解决方案。