D3 ändert sich von Version 3.0 zu einem Kreis Pfad von Punkten

Question

Ich versuche, einen Gradientenpfad entlang eines Kreises zu machen. Sehr ähnlich zu diesem Beispiel.

http://bl.ocks.org/mbostock/4163057

Dies ist D3 Version 3. Ich versuche, diese 4. ich wie d3.ns.prefix.svg ein paar Dinge jetzt ist d3.namespaces.svg d3.svg.line().interpolate("basis") jetzt d3.line().interpolateBasis;

fixiert Version zu aktualisieren Was das Töten mir ist diese Funktion d3.line().interpolateBasis ist zurück "Linie ist keine Funktion" d3.line und d3.arc gibt NaN zurück.

hier ist eine funktionierende Version von dem, was ich versuche, in D3 Version 3

http zu tun: // jsfiddle.net/firetiki/k3q0d848/

Hier ist der Code für D3 Version 4 mit der Änderungen für v4, die nicht funktionieren. Ich bekomme Zeile ist keine Funktion in der Konsole.

http://jsfiddle.net/firetiki/9nwwgywz/

Jede Hilfe würde geschätzt. Vielleicht fehlt mir noch eine Änderung im Versionsupdate?

Answer 1

Es gibt keine interpolateBasis in D3 v4: https://github.com/d3/d3-shape/blob/master/README.md#curves

Also, Ihre Linie Funktion dies ändern:

var line = d3.line().curve(d3.curveBasis); 

Hier ist Ihre Geige D3 v4 mit: http://jsfiddle.net/gerardofurtado/fro6Lu2x/

Answer 2

Mike Bostock hat jetzt aktualisiert auf D3 Version 4

http://bl.ocks.org/mbostock/4163057