D3.js: Kreisdiagramm, Hinzufügen eines Rahmens nur zum Outer-Bereich

8

Ich habe ein Tortendiagramm in D3 mit einem Strich, um jedes Stück zu trennen. Allerdings würde ich gerne einen Rand nur zum äußeren Bereich der Slices hinzufügen, nicht in einer kontinuierlichen Linie, sondern vielmehr zu den Lücken, die durch die Striche in den ursprünglichen Slices erzeugt werden. Siehe mein Bild zur Klärung. Irgendwelche Gedanken darüber, wie man das macht?

Siehe Ссылка

%Vor%

    
odiseo 27.11.2013, 21:09
quelle

2 Antworten

10

Ich habe das gelöst, indem ich zwei zusätzliche Arch-Sets hinzugefügt habe, was bis zu drei ergeben hat. Der erste ist der normale Kuchen, OHNE Striche

%Vor%

Der zweite wird die Grenze sein, die ich an erster Stelle hinzufügen wollte. Es ist nur eine Reihe von Bögen, die unser ursprüngliches aber in einer anderen Farbe umgeben. Noch keine Schläge.

Und schließlich wird das dritte archset das sein, das tatsächlich die Striche zeichnet, die ich wollte

%Vor%

Dies gleicht den Effekt aus, siehe Ссылка

    
odiseo 28.11.2013, 17:44
quelle
1

Sie können dies simulieren, indem Sie einen anderen Satz von Bögen hinzufügen, der als Rahmen dient.

%Vor%

Schließen Sie jsfiddle hier ab.

    
Lars Kotthoff 27.11.2013 21:25
quelle

Tags und Links