diff --git a/src/component/axis/AngleAxisView.ts b/src/component/axis/AngleAxisView.ts
index 6ce8da8f2b..23f018a50a 100644
--- a/src/component/axis/AngleAxisView.ts
+++ b/src/component/axis/AngleAxisView.ts
@@ -138,18 +138,25 @@ 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 shapeType = Math.abs(angleExtent[1] - angleExtent[0]) === 360 ? 'Circle' : 'Arc';
+
         if (radiusExtent[r0Id] === 0) {
-            shape = new graphic.Circle({
+            shape = new graphic[shapeType]({
                 shape: {
                     cx: polar.cx,
                     cy: polar.cy,
-                    r: radiusExtent[rId]
+                    r: radiusExtent[rId],
+                    startAngle: -angleExtent[0] * RADIAN,
+                    endAngle: -angleExtent[1] * RADIAN,
+                    clockwise: angleAxis.inverse
                 },
                 style: lineStyleModel.getLineStyle(),
                 z2: 1,
diff --git a/src/component/axis/RadiusAxisView.ts b/src/component/axis/RadiusAxisView.ts
index b09dd50603..b5e8f8c592 100644
--- a/src/component/axis/RadiusAxisView.ts
+++ b/src/component/axis/RadiusAxisView.ts
@@ -105,6 +105,11 @@ const axisElementBuilders: Record<typeof selfBuilderAttrs[number], AxisElementBu
         let lineColors = lineStyleModel.get('color');
         let lineCount = 0;
 
+        const angleAxis = polar.getAngleAxis();
+        const RADIAN = Math.PI / 180;
+        const angleExtent = angleAxis.getExtent();
+        const shapeType = Math.abs(angleExtent[1] - angleExtent[0]) === 360 ? 'Circle' : 'Arc';
+
         lineColors = lineColors instanceof Array ? lineColors : [lineColors];
 
         const splitLines: graphic.Circle[][] = [];
@@ -112,12 +117,15 @@ const axisElementBuilders: Record<typeof selfBuilderAttrs[number], AxisElementBu
         for (let i = 0; i < ticksCoords.length; i++) {
             const colorIndex = (lineCount++) % lineColors.length;
             splitLines[colorIndex] = splitLines[colorIndex] || [];
-            splitLines[colorIndex].push(new graphic.Circle({
+            splitLines[colorIndex].push(new graphic[shapeType]({
                 shape: {
                     cx: polar.cx,
                     cy: polar.cy,
                     // ensure circle radius >= 0
-                    r: Math.max(ticksCoords[i].coord, 0)
+                    r: Math.max(ticksCoords[i].coord, 0),
+                    startAngle: -angleExtent[0] * RADIAN,
+                    endAngle: -angleExtent[1] * RADIAN,
+                    clockwise: angleAxis.inverse
                 }
             }));
         }
diff --git a/src/coord/polar/AxisModel.ts b/src/coord/polar/AxisModel.ts
index af2414a673..40adf4adf3 100644
--- a/src/coord/polar/AxisModel.ts
+++ b/src/coord/polar/AxisModel.ts
@@ -39,6 +39,7 @@ export type AngleAxisOption = AxisBaseOption & {
     polarId?: string;
 
     startAngle?: number;
+    endAngle?: number;
     clockwise?: boolean;
 
     axisLabel?: AxisBaseOption['axisLabel']
diff --git a/src/coord/polar/polarCreator.ts b/src/coord/polar/polarCreator.ts
index 4df310c1d4..fe29f3ed18 100644
--- a/src/coord/polar/polarCreator.ts
+++ b/src/coord/polar/polarCreator.ts
@@ -124,7 +124,8 @@ function setAxis(axis: RadiusAxis | AngleAxis, axisModel: PolarAxisModel) {
     if (isAngleAxisModel(axisModel)) {
         axis.inverse = axis.inverse !== axisModel.get('clockwise');
         const startAngle = axisModel.get('startAngle');
-        axis.setExtent(startAngle, startAngle + (axis.inverse ? -360 : 360));
+        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
new file mode 100644
index 0000000000..3f9849ac19
--- /dev/null
+++ b/test/polar-end-angle.html
@@ -0,0 +1,85 @@
+
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+<html>
+    <head>
+        <meta charset="utf-8">
+        <script src="lib/simpleRequire.js"></script>
+        <script src="lib/config.js"></script>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+    </head>
+    <body>
+        <style>
+            html, body {
+                margin: 0;
+            }
+            .test-chart {
+                width: 500px;
+                height: 500px;
+                margin: 0;
+            }
+            #main {
+                background: #fff;
+            }
+        </style>
+        <h1>polar with end angle</h1>
+        <div id="polar-end-angle" class="test-chart"></div>
+        <script>
+            require([
+                'echarts'
+            ], function (echarts) {
+
+                var chart = echarts.init(document.getElementById('polar-end-angle'), null, {});
+
+                var data = [];
+
+                chart.setOption({
+                    tooltip: {},
+                angleAxis: [{
+                    type: 'category',
+                    polarIndex: 0,
+                    startAngle: 90,
+                    endAngle: 0,
+                    data: ['S1', 'S2', 'S3']
+                },{
+                    type: 'category',
+                    polarIndex: 1,
+                    startAngle: -90,
+                    endAngle: -180,
+                    data: ['S11', 'S22', 'S33']
+                }],
+                radiusAxis: [{ polarIndex:  0},{ polarIndex: 1}],
+                polar: [{},{}],
+                series: [{
+                    type: 'bar',
+                    polarIndex: 0,
+                    data: [1, 2, 3],
+                    coordinateSystem: 'polar',
+                },{
+                    type: 'bar',
+                    polarIndex: 1,
+                    data: [1, 2, 3],
+                    coordinateSystem: 'polar',
+                }]
+            });
+            })
+        </script>
+    </body>
+</html>