add scaleLimit to treemap

apache · Sep 1, 2022 · 5905ecf · 5905ecf
1 parent 7f3b2ba
commit 5905ecf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/chart/treemap/TreemapSeries.ts b/src/chart/treemap/TreemapSeries.ts
@@ -250,6 +250,7 @@ class TreemapSeriesModel extends SeriesModel<TreemapSeriesOption> {
                                             // to align specialized icon. ▷▶❒❐▼✚
 
         zoomToNodeRatio: 0.32 * 0.32,
+        scaleLimit: null,
 
         roam: true,
         nodeClick: 'zoomToNode',

diff --git a/src/chart/treemap/TreemapView.ts b/src/chart/treemap/TreemapView.ts
@@ -160,6 +160,8 @@ class TreemapView extends ChartView {
 
     private _storage = createStorage() as RenderElementStorage;
 
+    private _zoom = 1;;
+
     seriesModel: TreemapSeriesModel;
     api: ExtensionAPI;
     ecModel: GlobalModel;
@@ -528,6 +530,12 @@ class TreemapView extends ChartView {
         let mouseY = e.originY;
 
         if (this._state !== 'animating') {
+            let newZoom = this._zoom * e.scale;
+            const scaleLimit = this.seriesModel.get('scaleLimit');
+            if (newZoom > scaleLimit.max || newZoom < scaleLimit.min) {
+              return;
+            }
+            this._zoom = newZoom;
             // These param must not be cached.
             const root = this.seriesModel.getData().tree.root;