D3.js Version 4. Grundrendering von Kreis

Question

Ich habe gerade angefangen, D3 zu lernen. Es ist jetzt Version 4 und leider sind die meisten Tutorials und Beispiele online Version 3.

Ich versuche Kreise zu erstellen. Aber scheint nicht zu attr Methode zu arbeiten. Ich habe Fiedeln erstellt, die vereinfacht wurden, um nur einen Kreis zu rendern.

D3 v3: https://jsfiddle.net/pratheepraj/595rrqc2/

D3 v4: https://jsfiddle.net/pratheepraj/Ldokhq2e/2/

Wie Sie die genaue Code funktioniert in v3 sehen können, aber nicht in v4. Wenn Sie in v4 das Element untersuchen, werden die Kreise erstellt, aber die Attribute werden nicht festgelegt. Könnt ihr uns darauf hinweisen, was für v4 geändert werden sollte?

Answer 1

In D3 v4 haben Sie zwei Möglichkeiten:

1. Verwenden .attr mit einem einzigen Attribute (siehe hier Arbeitsbeispiel: https://jsfiddle.net/yxprgokp/1/)

2. Verwendung .attrs mit Attributen als Objekt, und eine extra Plugin zu tun dass (https://github.com/d3/d3-selection-multi):

   Dieses Modul wird in der Standard-D3-Bundle für parsimony willen nicht inbegriffen: die Einzelwertverfahren wie selection.attr werden empfehlen Dies ist für die meisten Benutzer von Vorteil, da die kürzere Syntax, die diese Komfortmethode bietet, wenig Vorteile bietet.

Original-Ausgabe auf GitHub: https://github.com/d3/d3/issues/2793