Ich bin neu in D3.js
, habe erst heute angefangen zu lernen
Ich habe mir das Donut-Beispiel angesehen und diesen Code gefunden
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height)
.append("g")
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
Ich habe nach Dokumentation gesucht , aber nicht verstanden, was .append("g")
angehängt wird
Ist es überhaupt D3
spezifisch?
Hier suchen Sie nach Anleitung
javascript
d3.js
Tagträumer
quelle
quelle
Antworten:
Es wird ein 'g'-Element an die SVG angehängt .
g
Das Element wird verwendet, um SVG-Formen zu gruppieren. Nein, es ist nicht d3-spezifisch.quelle
Ich bin auch von einer d3-Lernkurve hierher gekommen. Wie bereits erwähnt, ist dies nicht spezifisch für d3, sondern spezifisch für SVG-Attribute. Hier ist ein wirklich gutes Tutorial, das die Vorteile von svg: g (Gruppierung) erklärt.
Es unterscheidet sich nicht wesentlich vom Anwendungsfall der "Gruppierung" in grafischen Zeichnungen, wie Sie sie in einer PowerPoint-Präsentation ausführen würden.
http://tutorials.jenkov.com/svg/g-element.html
Wie im obigen Link angegeben: Zum Übersetzen müssen Sie translate (x, y) verwenden:
quelle