Ich habe ein Donut-Diagramm mit d3 mit einem jQuery-Schieberegler, der es einem Benutzer ermöglicht, zwischen verschiedenen Datenpunkten zu wählen. Das Diagramm animiert den Übergang zwischen Datenwerten und alles ist gut.
Das Problem: Die Segmente werden immer in der Reihenfolge entgegen dem Uhrzeigersinn gerendert (von der größten zur kleinsten). Dies bedeutet, dass Segmente ihre Position abhängig von ihrer Größe um das Diagramm herum verschieben.
Dieses Verhalten ist für Benutzer verwirrend, aber leider kann ich nicht herausfinden, wie ich es ändern kann. Ich möchte, dass die Segmente in ihrer ursprünglichen Position bleiben.
Arbeiten js-fiddle: Ссылка
Ich glaube, das Problem muss in der Funktion liegen, die das eigentliche Tweening ausführt:
%Vor%Tags und Links javascript d3.js pie-chart donut-chart