fix(gauge): add sectors by the order of the 'clockwise' option

apache#17633
ZeekoZhu · Sep 24, 2022 · 86bbd4d · 86bbd4d
1 parent 81cbfcb
commit 86bbd4d
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/chart/gauge/GaugeView.ts b/src/chart/gauge/GaugeView.ts
@@ -127,6 +127,7 @@ class GaugeView extends ChartView {
 
         let prevEndAngle = startAngle;
 
+        const sectors: (Sausage | graphic.Sector)[] = [];
         for (let i = 0; showAxis && i < colorList.length; i++) {
             // Clamp
             const percent = Math.min(Math.max(colorList[i][0], 0), 1);
@@ -154,11 +155,14 @@ class GaugeView extends ChartView {
                 ['color', 'width']
             ));
 
-            group.add(sector);
+            sectors.push(sector);
 
             prevEndAngle = endAngle;
         }
 
+        sectors.reverse();
+        sectors.forEach(sector => group.add(sector));
+
         const getColor = function (percent: number) {
             // Less than 0
             if (percent <= 0) {