Transitioning innerRadius von svg.arc - D3.js

Ich habe eine Frage, die eng mit this one verwandt ist.Transitioning innerRadius von svg.arc - D3.js

Im Gegensatz zu dem Beispiel muss ich auch den innerRadius des Sunburst, also die innerRadius-Eigenschaft der d3.svg.arc(), überführen. Ich weiß, dass es in ähnlicher Weise in Bezug auf den Übergang des "d" (mit attrTween durch Speichern des alten innerRadius) getan werden muss, aber ich habe es nicht geschafft.

Irgendwelche Vorschläge? Ein Code-Snippet wäre großartig!

Quelle

2012-04-13 RMinelli

Haben Sie den [pie-Übergang Beispiel] (https://github.com/mbostock/d3/blob/master/examples/pie/pie-transition.html) in der [D3 Git Repository] (https://github.com/mbostock/d3/)? – mbostock

Ich habe es mir schon vor Tagen angeschaut, wenn ich mich nicht irre. Ich schaue mir das genauer an. Vielen Dank! – RMinelli

Wenn du "Sunburst" sagst, meinst du einen mehrfarbigen Pie, in dem alle Bögen anders sind? Wenn dies der Fall ist, überspringt das Beispiel "Multiple D3 Pie Charts Mixed In With Common HTML Layout Constructs" den inneren Radius beim Zeichnen des Kuchens (suchen Sie einfach nach dem Wort Übergang im Code).

Eine weitere Option ist das Beispiel "Sunburst Coffee Flavor Wheel", das komplexer ist, aber zeigt, wie mehrere Lichtbögen gleichzeitig übertragen werden.

Ich hoffe es hilft.

Frank

Quelle

2012-05-16 02:36:01

Transitioning innerRadius von svg.arc - D3.js

Antwort

Verwandte Themen