feat: support bar background borderRadius

apache · Mar 6, 2023 · dca62c9 · dca62c9
1 parent 5667432
commit dca62c9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/src/chart/bar/BarView.ts b/src/chart/bar/BarView.ts
@@ -246,6 +246,9 @@ class BarView extends ChartView {
             if (coord.type === 'cartesian2d') {
                 (bgEl as Rect).setShape('r', barBorderRadius);
             }
+            else {
+                (bgEl as Sector).setShape('cornerRadius', barBorderRadius);
+            }
             bgEls[dataIndex] = bgEl;
             return bgEl;
         };
@@ -337,6 +340,9 @@ class BarView extends ChartView {
                         if (coord.type === 'cartesian2d') {
                             (bgEl as Rect).setShape('r', barBorderRadius);
                         }
+                        else {
+                            (bgEl as Sector).setShape('cornerRadius', barBorderRadius);
+                        }
                         bgEls[newIndex] = bgEl;
                     }
                     const bgLayout = getLayout[coord.type](data, newIndex);
@@ -990,15 +996,14 @@ function updateStyle(
         (el as Rect).setShape('r', borderRadius);
     }
     else if (!seriesModel.get('roundCap')) {
-        const sector = el as Sector;
         const sectorShape = (el as Sector).shape;
         const cornerRadius = getSectorCornerRadius(
             itemModel.getModel('itemStyle'),
             sectorShape,
             true
         );
         extend(sectorShape, cornerRadius);
-        sector.setShape(sectorShape);
+        (el as Sector).setShape(sectorShape);
     }
 
     el.useStyle(style);

diff --git a/test/bar-polar-borderRadius.html b/test/bar-polar-borderRadius.html