デフォルトのアニメーションだと3時位置から反時計回りに一周する。
Pie
のstartAngleとendAngleを調整することで、アニメーションの向き・幅を変更できる。
デフォルトはstart: 0
→ end: 360
なので、たとえばstart: 360
→ end: 0
とすると時計回りになる。
さらに、3時位置以外(startが1以上)から始めて1周させたい場合は、endAngle
に負数を設定する
<Pie
startAngle={90}
endAngle={-270}
/>
負数を設定できるということに気づくまで時間がかかってしまった
公式Doc
https://recharts.org/en-US/api/Pie#startAngle
Discussion