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