0
<svg width="210px" height="210px" viewBox="0 0 210 210" class="donut">
<circle class="donut-ring" cx="105" cy="105" r="95" fill="transparent" stroke="black" stroke-width="20"></circle>
<circle class="donut-segment" cx="105" cy="105" r="95" fill="transparent" stroke="#1a1a1a" stroke-width="20" stroke-dasharray="149.22565104551518 447.67695313654554" stroke-dashoffset="150"></circle>
<circle class="donut-segment" cx="105" cy="105" r="95" fill="transparent" stroke="#333333" stroke-width="20" stroke-dasharray="149.22565104551518 447.67695313654554" stroke-dashoffset="597.6769531365455"></circle>
<circle class="donut-segment" cx="105" cy="105" r="95" fill="transparent" stroke="#434343" stroke-width="20" stroke-dasharray="298.45130209103036 298.45130209103036" stroke-dashoffset="448.45130209103036"></circle>
</svg>
基本上我的問題是iv'e創建了一個動態的甜甜圈圖表段自動生成（class =「甜甜圈段」）。我需要將所有片段從起點到終點同時製作成動畫。我已經做了一些相當廣泛的搜索，但我找不到像我的例子。任何幫助都將不勝感激，或者只是一個正確的方向。SVG圈 - 動畫片段？ （甜甜圈圖）
我需要的最終結果有這樣的效果 https://codepen.io/ksksoft/pen/xsnmp