feature(treemap): add custom cursor properties for treemap

apache · Jul 4, 2024 · 01df4b0 · 01df4b0
1 parent 369cb03
commit 01df4b0
Show file tree

Hide file tree

Showing 3 changed files with 212 additions and 7 deletions.
diff --git a/src/chart/treemap/TreemapSeries.ts b/src/chart/treemap/TreemapSeries.ts
@@ -37,7 +37,9 @@ import {
     SeriesLabelOption,
     DefaultEmphasisFocus,
     AriaOptionMixin,
-    BlurScope
+    BlurScope,
+    OptionDataItemObject,
+    OptionDataValueNumeric,
 } from '../../util/types';
 import GlobalModel from '../../model/Global';
 import { LayoutRect } from '../../util/layout';
@@ -133,8 +135,11 @@ export interface TreemapSeriesLevelOption extends TreemapSeriesVisualOption,
     decal?: DecalObject[] | 'none'
 }
 
-export interface TreemapSeriesNodeItemOption extends TreemapSeriesVisualOption,
-    TreemapStateOption, StatesOptionMixin<TreemapStateOption, ExtraStateOption> {
+export interface TreemapSeriesNodeItemOption extends
+    TreemapSeriesVisualOption,
+    TreemapStateOption,
+    OptionDataItemObject<OptionDataValueNumeric>,
+    StatesOptionMixin<TreemapStateOption, ExtraStateOption> {
     id?: OptionId
     name?: OptionName
 
@@ -144,7 +149,9 @@ export interface TreemapSeriesNodeItemOption extends TreemapSeriesVisualOption,
 
     color?: ColorString[] | 'none'
 
-    decal?: DecalObject[] | 'none'
+    decal?: DecalObject[] | 'none',
+
+    cursor?:string
 }
 
 export interface TreemapSeriesOption
@@ -212,7 +219,7 @@ export interface TreemapSeriesOption
 
     levels?: TreemapSeriesLevelOption[]
 
-    data?: TreemapSeriesNodeItemOption[]
+    data?: (OptionDataValueNumeric | OptionDataValueNumeric[] | TreemapSeriesNodeItemOption)[]
 }
 
 class TreemapSeriesModel extends SeriesModel<TreemapSeriesOption> {
@@ -362,7 +369,7 @@ class TreemapSeriesModel extends SeriesModel<TreemapSeriesOption> {
         // Create a virtual root.
         const root: TreemapSeriesNodeItemOption = {
             name: option.name,
-            children: option.data
+            children: option.data.map(item => item as TreemapSeriesNodeItemOption)
         };
 
         completeTreeValue(root);

diff --git a/src/chart/treemap/TreemapView.ts b/src/chart/treemap/TreemapView.ts
@@ -667,7 +667,7 @@ class TreemapView extends ChartView {
                         ? this._rootToNode({node: node})
                         : this._zoomToNode({node: node});
                 }
-            });
+        });
     }
 
     /**
@@ -877,6 +877,9 @@ function renderNode(
         // Only for enabling highlight/downplay.
         data.setItemGraphicEl(thisNode.dataIndex, group);
 
+        const cursorStyle = nodeModel.getShallow('cursor');
+        cursorStyle && content.attr('cursor', cursorStyle);
+
         enableHoverFocus(group, focusOrIndices, blurScope);
     }
 

diff --git a/test/treemap-cursor.html b/test/treemap-cursor.html