Angular nvd3 Liniendiagramm ist falsch zugeordnet, wenn wir DateTime als X-Achse Ticks verwenden

Question

Ich arbeite derzeit mit NVD3 mit Angular Directive (angular-nvd3). Ich habe ein sehr einfaches Liniendiagramm mit sehr einfachen Daten.

Das Problem, das ich jetzt festgestellt habe, ist, dass meine Daten falsch mit der Achse ausgerichtet sind.

Ich verwende Daten auf meinem xAchse, die d3 Bibliothek analysiert verwenden:

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

ich viel gegoogelt, aber keine befriedigende Antwort nicht finden würde. Bitte helfen, Danke

Answer 1

Sie benötigen diese

<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>

zu Ihrem index.html hinzuzufügen Und Sie zusätzliche tickvalues ​​zu Ihrem xAchse hinzufügen müssen

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

Hier ist PLUNKR

Prüfen Sie here für mor die Informationen. Auch wenn das aussieht, gibt es ein paar Bugs, aber es sieht so aus, als wäre dies die bestmögliche Lösung.