Merge pull request #20399 from sz-p/feat-20397

feat(sunburst): add new emphasis focus strategy `'relative'` for highlighting ancestor and descendant nodes
apache · Oct 10, 2024 · 845b6a3 · 845b6a3
2 parents b33058e + daf0104
commit 845b6a3
Show file tree

Hide file tree

Showing 3 changed files with 238 additions and 3 deletions.
diff --git a/src/chart/sunburst/SunburstPiece.ts b/src/chart/sunburst/SunburstPiece.ts
@@ -151,8 +151,9 @@ class SunburstPiece extends graphic.Sector {
 
         const focus = emphasisModel.get('focus');
 
-        const focusOrIndices =
-            focus === 'ancestor' ? node.getAncestorsIndices()
+        const focusOrIndices = focus === 'relative'
+            ? zrUtil.concatArray(node.getAncestorsIndices(), node.getDescendantIndices())
+            : focus === 'ancestor' ? node.getAncestorsIndices()
                 : focus === 'descendant' ? node.getDescendantIndices()
                     : focus;
 

diff --git a/src/chart/sunburst/SunburstSeries.ts b/src/chart/sunburst/SunburstSeries.ts
@@ -67,7 +67,7 @@ interface SunburstDataParams extends CallbackDataParams {
 
 interface SunburstStatesMixin {
     emphasis?: {
-        focus?: DefaultEmphasisFocus | 'descendant' | 'ancestor'
+        focus?: DefaultEmphasisFocus | 'descendant' | 'ancestor' | 'relative'
     }
 }
 

diff --git a/test/sunburst-emphasis-focus.html b/test/sunburst-emphasis-focus.html