diff --git a/src/component/axis/AngleAxisView.ts b/src/component/axis/AngleAxisView.ts
index d1669fa5fc..32e62b115b 100644
--- a/src/component/axis/AngleAxisView.ts
+++ b/src/component/axis/AngleAxisView.ts
@@ -138,24 +138,24 @@ const angelAxisElementsBuilders: Record<typeof elementList[number], AngleAxisEle
 
     axisLine(group, angleAxisModel, polar, ticksAngles, minorTickAngles, radiusExtent) {
         const lineStyleModel = angleAxisModel.getModel(['axisLine', 'lineStyle']);
+        const angleAxis = polar.getAngleAxis();
+        const RADIAN = Math.PI / 180;
+        const angleExtent = angleAxis.getExtent();
 
         // extent id of the axis radius (r0 and r)
         const rId = getRadiusIdx(polar);
         const r0Id = rId ? 0 : 1;
         let shape;
 
-        const startAngle = (angleAxisModel.get('startAngle') - 90) / zrUtil.RADIAN_TO_DEGREE;
-        const endAngle = (angleAxisModel.get('endAngle') - 90) / zrUtil.RADIAN_TO_DEGREE;
-
-
         if (radiusExtent[r0Id] === 0) {
             shape = new graphic.Arc({
                 shape: {
                     cx: polar.cx,
                     cy: polar.cy,
                     r: radiusExtent[rId],
-                    startAngle,
-                    endAngle
+                    startAngle: -angleExtent[0] * RADIAN,
+                    endAngle: -angleExtent[1] * RADIAN,
+                    clockwise: angleAxis.inverse
                 },
                 style: lineStyleModel.getLineStyle(),
                 z2: 1,
@@ -169,7 +169,6 @@ const angelAxisElementsBuilders: Record<typeof elementList[number], AngleAxisEle
                     cy: polar.cy,
                     r: radiusExtent[rId],
                     r0: radiusExtent[r0Id]
-
                 },
                 style: lineStyleModel.getLineStyle(),
                 z2: 1,
diff --git a/src/component/axis/RadiusAxisView.ts b/src/component/axis/RadiusAxisView.ts
index d8bd5fddf0..853408b124 100644
--- a/src/component/axis/RadiusAxisView.ts
+++ b/src/component/axis/RadiusAxisView.ts
@@ -104,9 +104,10 @@ const axisElementBuilders: Record<typeof selfBuilderAttrs[number], AxisElementBu
         const lineStyleModel = splitLineModel.getModel('lineStyle');
         let lineColors = lineStyleModel.get('color');
         let lineCount = 0;
-        const angleAxis = polar.getAngleAxis().model;
-        const startAngle = (angleAxis.get('startAngle') - 90) / zrUtil.RADIAN_TO_DEGREE;
-        const endAngle = (angleAxis.get('endAngle') - 90) / zrUtil.RADIAN_TO_DEGREE;
+
+        const angleAxis = polar.getAngleAxis();
+        const RADIAN = Math.PI / 180;
+        const angleExtent = angleAxis.getExtent();
 
         lineColors = lineColors instanceof Array ? lineColors : [lineColors];
 
@@ -121,8 +122,9 @@ const axisElementBuilders: Record<typeof selfBuilderAttrs[number], AxisElementBu
                     cy: polar.cy,
                     // ensure circle radius >= 0
                     r: Math.max(ticksCoords[i].coord, 0),
-                    startAngle,
-                    endAngle
+                    startAngle: -angleExtent[0] * RADIAN,
+                    endAngle: -angleExtent[1] * RADIAN,
+                    clockwise: angleAxis.inverse
                 }
             }));
         }
diff --git a/src/coord/polar/polarCreator.ts b/src/coord/polar/polarCreator.ts
index 842a1fc6bb..fe29f3ed18 100644
--- a/src/coord/polar/polarCreator.ts
+++ b/src/coord/polar/polarCreator.ts
@@ -122,12 +122,10 @@ function setAxis(axis: RadiusAxis | AngleAxis, axisModel: PolarAxisModel) {
     axis.inverse = axisModel.get('inverse');
 
     if (isAngleAxisModel(axisModel)) {
-        console.log('coucou')
         axis.inverse = axis.inverse !== axisModel.get('clockwise');
         const startAngle = axisModel.get('startAngle');
-        const endAndle = axisModel.get('endAngle')
-        const actualEndAngle = typeof endAndle === 'number' ? endAndle :startAngle + (axis.inverse ? -360 : 360);
-        axis.setExtent(startAngle, actualEndAngle);
+        const endAngle = axisModel.get('endAngle') ?? (startAngle + (axis.inverse ? -360 : 360));
+        axis.setExtent(startAngle, endAngle);
     }
 
     // Inject axis instance
diff --git a/test/polar-end-angle.html b/test/polar-end-angle.html
index 6e55f64a61..3f9849ac19 100644
--- a/test/polar-end-angle.html
+++ b/test/polar-end-angle.html
@@ -51,20 +51,21 @@ <h1>polar with end angle</h1>
                 var data = [];
 
                 chart.setOption({
+                    tooltip: {},
                 angleAxis: [{
                     type: 'category',
                     polarIndex: 0,
-                    startAngle: 0,
-                    endAngle: 90,
+                    startAngle: 90,
+                    endAngle: 0,
                     data: ['S1', 'S2', 'S3']
                 },{
                     type: 'category',
                     polarIndex: 1,
-                    startAngle: 180,
-                    endAngle: 270,
+                    startAngle: -90,
+                    endAngle: -180,
                     data: ['S11', 'S22', 'S33']
                 }],
-                radiusAxis: [{ polarIndex:  0},{ polarIndex: 1 }],
+                radiusAxis: [{ polarIndex:  0},{ polarIndex: 1}],
                 polar: [{},{}],
                 series: [{
                     type: 'bar',