Ich habe ein Kreisdiagramm in D3 mit einem Strich, um jedes Segment 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?D3.js: Kreisdiagramm, Hinzufügen eines Rahmens nur zum Outer-Bereich
Siehe http://jsfiddle.net/4xk58/
arcs.append("path")
.attr("fill", function (d, i) {
return color(i);
})
.attr("d", arc).style('stroke', 'white')
.style('stroke-width', 5);
Aber ich brauche zu bewahren die Lücken zwischen den Scheiben. Das heißt, ich möchte nicht, dass die Grenze fortlaufend ist, sondern unterbrochen wird, wo die Bogenstriche – odiseo
sein sollten. Sie können nicht wirklich Teilgrenzen in SVG haben (obwohl [diese Frage] (http://stackoverflow.com/questions/17908988)/partial-border-stroke-using-svg) kann helfen), also könnten Sie versuchen, das zu erreichen, indem Sie einen Strich zum "border" -Bogen hinzufügen. Dann haben Sie eine Lücke zwischen diesen und den tatsächlichen Bögen. –