feat(sankey): Add sankey chart itemStyle.borderRadius support.

apache · Mar 27, 2024 · 29c0f9d · 29c0f9d
1 parent c576f0c
commit 29c0f9d
Show file tree

Hide file tree

Showing 3 changed files with 98 additions and 2 deletions.
diff --git a/src/chart/sankey/SankeyView.ts b/src/chart/sankey/SankeyView.ts
@@ -259,13 +259,15 @@ class SankeyView extends ChartView {
             const dragX = itemModel.get('localX');
             const dragY = itemModel.get('localY');
             const emphasisModel = itemModel.getModel('emphasis');
+            const borderRadius = itemModel.get(['itemStyle', 'borderRadius']) as number | number[] || 0;
 
             const rect = new graphic.Rect({
                 shape: {
                     x: dragX != null ? dragX * width : layout.x,
                     y: dragY != null ? dragY * height : layout.y,
                     width: layout.dx,
-                    height: layout.dy
+                    height: layout.dy,
+                    r: borderRadius
                 },
                 style: itemModel.getModel('itemStyle').getItemStyle(),
                 z2: 10
@@ -387,7 +389,7 @@ function createGridClipShape(rect: RectLike, seriesModel: SankeySeriesModel, cb:
             x: rect.x - 10,
             y: rect.y - 10,
             width: 0,
-            height: rect.height + 20
+            height: rect.height + 20,
         }
     });
     graphic.initProps(rectEl, {

diff --git a/src/util/types.ts b/src/util/types.ts
@@ -925,6 +925,7 @@ export interface ItemStyleOption<TCbParams = never> extends ShadowOptionMixin, B
     color?: ZRColor | (TCbParams extends never ? never : ((params: TCbParams) => ZRColor))
     opacity?: number
     decal?: DecalObject | 'none'
+    borderRadius?: (number | string)[] | number | string
 }
 
 /**

diff --git a/test/sankey-borderRadius.html b/test/sankey-borderRadius.html