Kann ein Circle Pack Layout in d3.js mit festen Kreisgrößen verwendet werden?
Dieses Beispiel für ein Kreis-Pack-Layout ( Ссылка ) ist perfekt für ein Projekt, an dem ich gerade arbeite, aber es skaliert alle Kreise relativ zueinander:
Gibt es eine einfache Möglichkeit, für jeden Kreis feste Radien anzugeben?
Ich habe den Quellcode, Beispiele, Google und stackoverflow durchforstet und finde nichts hilfreiches.
Die genaue Größe der Kreise ist mir wichtig.
2 Antworten
Es ist möglich und einfach, etwas zu tun. Die erste Antwort ist korrekt, aber ich glaube, meine ist einfacher, expliziter, also füge ich sie auch hinzu.
Bitte schauen Sie sich dieses Beispiel an: jsfiddle
Wenn Sie die "Constant" Taste drücken, sehen Sie etwas wie folgt:
Die Schlüsselcodezeile ist dies:
%Vor%Dadurch werden die Kreisradien bezüglich der Daten konstant gehalten. 100 kann natürlich jede Konstante sein. Sie können diese Zeile in der Initialisierung des Circle Packs anwenden (am wahrscheinlichsten wird dies der Fall sein) oder die Reinitialisierung (wie in meinem Beispiel).
Hoffe, das hilft.
Wenn Sie dem Code in dem Beispiel folgen, das Sie angegeben haben, wird hier die Größe der Elemente <circle> festgelegt:
Um die Größe der Kreise auf 50 zu fixieren, können Sie dies tun:
Aktualisieren
Dies wird jedoch das Layout, wie in dem Kommentar angegeben, brechen. Um das zu beheben, kann man jedem Knoten das gleiche value geben:
zu:
%Vor%Tags und Links javascript svg d3.js circle-pack