@visactor/vtable 1.17.0-alpha.4 → 1.17.1-alpha.0

package/es/PivotChart.js

@@ -38,6 +38,8 @@ import { registerChartCell, registerCheckboxCell, registerImageCell, registerPro
 
 import { hasLinearAxis } from "./layout/chart-helper/get-axis-config";
 
+import { cacheStageCanvas } from "./scenegraph/graphic/contributions/chart-render-helper";
+
 registerAxis(), registerEmptyTip(), registerLegend(), registerMenu(), registerTitle(), 
 registerTooltip(), registerChartCell(), registerCheckboxCell(), registerImageCell(), 
 registerProgressBarCell(), registerRadioCell(), registerSparkLineCell(), registerTextCell(), 
@@ -45,7 +47,7 @@ registerVideoCell();
 
 export class PivotChart extends BaseTable {
     constructor(container, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
         let columnDimensionTree, rowDimensionTree;
         "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, 
         container = container.container ? container.container : null), super(container, options), 
@@ -56,22 +58,22 @@ export class PivotChart extends BaseTable {
         this.internalProps.rows = cloneDeep(options.rows), this.internalProps.indicators = cloneDeepSpec(options.indicators), 
         this.internalProps.columnTree = !options.indicatorsAsCol || (null === (_a = options.columns) || void 0 === _a ? void 0 : _a.length) || options.columnTree ? cloneDeep(options.columnTree) : [], 
         this.internalProps.rowTree = options.indicatorsAsCol || (null === (_b = options.rows) || void 0 === _b ? void 0 : _b.length) || options.rowTree ? cloneDeep(options.rowTree) : [], 
-        this.internalProps.records = options.records, this.setCustomStateNameToSpec(), this.internalProps.columnResizeType = null !== (_c = options.columnResizeType) && void 0 !== _c ? _c : "column", 
-        this.internalProps.rowResizeType = null !== (_d = options.rowResizeType) && void 0 !== _d ? _d : "row", 
+        this.internalProps.records = options.records, this.setCustomStateNameToSpec(), this.internalProps.columnResizeType = null !== (_e = null !== (_d = null === (_c = options.resize) || void 0 === _c ? void 0 : _c.columnResizeType) && void 0 !== _d ? _d : options.columnResizeType) && void 0 !== _e ? _e : "column", 
+        this.internalProps.rowResizeType = null !== (_h = null !== (_g = null === (_f = options.resize) || void 0 === _f ? void 0 : _f.rowResizeType) && void 0 !== _g ? _g : options.rowResizeType) && void 0 !== _h ? _h : "row", 
         this.internalProps.dataConfig = {
             isPivotChart: !0
         }, this._axes = isArray(options.axes) ? options.axes : [], options.columnTree && (!1 !== options.indicatorsAsCol && (this.internalProps.columnTree = supplementIndicatorNodesForCustomTree(this.internalProps.columnTree, options.indicators)), 
-        columnDimensionTree = new DimensionTree(null !== (_e = this.internalProps.columnTree) && void 0 !== _e ? _e : [], this.layoutNodeId)), 
+        columnDimensionTree = new DimensionTree(null !== (_j = this.internalProps.columnTree) && void 0 !== _j ? _j : [], this.layoutNodeId)), 
         options.rowTree && (!1 === options.indicatorsAsCol && (this.internalProps.rowTree = supplementIndicatorNodesForCustomTree(this.internalProps.rowTree, options.indicators)), 
-        rowDimensionTree = new DimensionTree(null !== (_f = this.internalProps.rowTree) && void 0 !== _f ? _f : [], this.layoutNodeId));
-        const rowKeys = (null === (_g = null == rowDimensionTree ? void 0 : rowDimensionTree.dimensionKeys) || void 0 === _g ? void 0 : _g.count) ? rowDimensionTree.dimensionKeys.valueArr() : null !== (_j = null === (_h = options.rows) || void 0 === _h ? void 0 : _h.reduce(((keys, rowObj) => ("string" == typeof rowObj ? keys.push(rowObj) : keys.push(rowObj.dimensionKey), 
-        keys)), [])) && void 0 !== _j ? _j : [], columnKeys = (null === (_k = null == columnDimensionTree ? void 0 : columnDimensionTree.dimensionKeys) || void 0 === _k ? void 0 : _k.count) ? columnDimensionTree.dimensionKeys.valueArr() : null !== (_m = null === (_l = options.columns) || void 0 === _l ? void 0 : _l.reduce(((keys, columnObj) => ("string" == typeof columnObj ? keys.push(columnObj) : keys.push(columnObj.dimensionKey), 
-        keys)), [])) && void 0 !== _m ? _m : [], indicatorKeys = null !== (_p = null === (_o = options.indicators) || void 0 === _o ? void 0 : _o.reduce(((keys, indicatorObj) => ("string" == typeof indicatorObj ? keys.push(indicatorObj) : keys.push(indicatorObj.indicatorKey), 
-        keys)), [])) && void 0 !== _p ? _p : [];
+        rowDimensionTree = new DimensionTree(null !== (_k = this.internalProps.rowTree) && void 0 !== _k ? _k : [], this.layoutNodeId));
+        const rowKeys = (null === (_l = null == rowDimensionTree ? void 0 : rowDimensionTree.dimensionKeys) || void 0 === _l ? void 0 : _l.count) ? rowDimensionTree.dimensionKeys.valueArr() : null !== (_o = null === (_m = options.rows) || void 0 === _m ? void 0 : _m.reduce(((keys, rowObj) => ("string" == typeof rowObj ? keys.push(rowObj) : keys.push(rowObj.dimensionKey), 
+        keys)), [])) && void 0 !== _o ? _o : [], columnKeys = (null === (_p = null == columnDimensionTree ? void 0 : columnDimensionTree.dimensionKeys) || void 0 === _p ? void 0 : _p.count) ? columnDimensionTree.dimensionKeys.valueArr() : null !== (_r = null === (_q = options.columns) || void 0 === _q ? void 0 : _q.reduce(((keys, columnObj) => ("string" == typeof columnObj ? keys.push(columnObj) : keys.push(columnObj.dimensionKey), 
+        keys)), [])) && void 0 !== _r ? _r : [], indicatorKeys = null !== (_t = null === (_s = options.indicators) || void 0 === _s ? void 0 : _s.reduce(((keys, indicatorObj) => ("string" == typeof indicatorObj ? keys.push(indicatorObj) : keys.push(indicatorObj.indicatorKey), 
+        keys)), [])) && void 0 !== _t ? _t : [];
         if (this.internalProps.dataConfig.collectValuesBy = this._generateCollectValuesConfig(columnKeys, rowKeys), 
         this.internalProps.dataConfig.aggregationRules = this._generateAggregationRules(), 
         this.internalProps.dataConfig.dimensionSortArray = this._getDimensionSortArray(), 
-        this.dataset = new Dataset(this.internalProps.dataConfig, rowKeys, columnKeys, indicatorKeys, this.internalProps.indicators, null === (_q = options.indicatorsAsCol) || void 0 === _q || _q, options.records, void 0, void 0, this.internalProps.columnTree, this.internalProps.rowTree, !0), 
+        this.dataset = new Dataset(this.internalProps.dataConfig, rowKeys, columnKeys, indicatorKeys, this.internalProps.indicators, null === (_u = options.indicatorsAsCol) || void 0 === _u || _u, options.records, void 0, void 0, this.internalProps.columnTree, this.internalProps.rowTree, !0), 
         this.options.indicatorsAsCol && checkHasCartesianChart(this.internalProps.indicators)) {
             const supplyAxisNode = nodes => {
                 nodes.forEach((node => {
@@ -82,24 +84,24 @@ export class PivotChart extends BaseTable {
                     } ];
                 }));
             };
-            (null === (_r = this.dataset.rowHeaderTree) || void 0 === _r ? void 0 : _r.length) ? supplyAxisNode(this.dataset.rowHeaderTree) : this.dataset.rowHeaderTree = [ {
+            (null === (_v = this.dataset.rowHeaderTree) || void 0 === _v ? void 0 : _v.length) ? supplyAxisNode(this.dataset.rowHeaderTree) : this.dataset.rowHeaderTree = [ {
                 dimensionKey: "axis",
                 value: ""
             } ];
         }
         if (options.columnTree || !1 !== options.indicatorsAsCol && (this.dataset.colHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.colHeaderTree, options.indicators)), 
         options.rowTree || !1 === options.indicatorsAsCol && (this.dataset.rowHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.rowHeaderTree, options.indicators)), 
-        columnDimensionTree = new DimensionTree(null !== (_s = this.dataset.colHeaderTree) && void 0 !== _s ? _s : [], this.layoutNodeId), 
-        rowDimensionTree = new DimensionTree(null !== (_t = this.dataset.rowHeaderTree) && void 0 !== _t ? _t : [], this.layoutNodeId), 
+        columnDimensionTree = new DimensionTree(null !== (_w = this.dataset.colHeaderTree) && void 0 !== _w ? _w : [], this.layoutNodeId), 
+        rowDimensionTree = new DimensionTree(null !== (_x = this.dataset.rowHeaderTree) && void 0 !== _x ? _x : [], this.layoutNodeId), 
         this.internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree), 
         this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.scenegraph.createSceneGraph(), 
         options.title) {
             const Title = Factory.getComponent("title");
             this.internalProps.title = new Title(options.title, this), this.scenegraph.resize();
         }
-        if (this.options.emptyTip) if (this.internalProps.emptyTip) null === (_u = this.internalProps.emptyTip) || void 0 === _u || _u.resetVisible(); else {
+        if (this.options.emptyTip) if (this.internalProps.emptyTip) null === (_y = this.internalProps.emptyTip) || void 0 === _y || _y.resetVisible(); else {
             const EmptyTip = Factory.getComponent("emptyTip");
-            this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), null === (_v = this.internalProps.emptyTip) || void 0 === _v || _v.resetVisible();
+            this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), null === (_z = this.internalProps.emptyTip) || void 0 === _z || _z.resetVisible();
         }
         setTimeout((() => {
             this.fireListeners(TABLE_EVENT_TYPE.INITIALIZED, null);
@@ -133,7 +135,7 @@ export class PivotChart extends BaseTable {
         return ifCan;
     }
     updateOption(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
         const internalProps = this.internalProps;
         let columnDimensionTree, rowDimensionTree;
         super.updateOption(options), this.layoutNodeId = {
@@ -143,22 +145,22 @@ export class PivotChart extends BaseTable {
         this.internalProps.columnTree = !options.indicatorsAsCol || (null === (_b = options.columns) || void 0 === _b ? void 0 : _b.length) || options.columnTree ? cloneDeep(options.columnTree) : [], 
         this.internalProps.rowTree = options.indicatorsAsCol || (null === (_c = options.rows) || void 0 === _c ? void 0 : _c.length) || options.rowTree ? cloneDeep(options.rowTree) : [], 
         options.records && (this.internalProps.records = options.records), this.setCustomStateNameToSpec(), 
-        this._selectedDataItemsInChart = [], internalProps.columnResizeType = null !== (_d = options.columnResizeType) && void 0 !== _d ? _d : "column", 
-        internalProps.rowResizeType = null !== (_e = options.rowResizeType) && void 0 !== _e ? _e : "row", 
+        this._selectedDataItemsInChart = [], internalProps.columnResizeType = null !== (_f = null !== (_e = null === (_d = options.resize) || void 0 === _d ? void 0 : _d.columnResizeType) && void 0 !== _e ? _e : options.columnResizeType) && void 0 !== _f ? _f : "column", 
+        internalProps.rowResizeType = null !== (_j = null !== (_h = null === (_g = options.resize) || void 0 === _g ? void 0 : _g.rowResizeType) && void 0 !== _h ? _h : options.rowResizeType) && void 0 !== _j ? _j : "row", 
         internalProps.dataConfig = {
             isPivotChart: !0
         }, this._axes = isArray(options.axes) ? options.axes : [], options.columnTree && (!1 !== options.indicatorsAsCol && (this.internalProps.columnTree = supplementIndicatorNodesForCustomTree(this.internalProps.columnTree, options.indicators)), 
-        columnDimensionTree = new DimensionTree(null !== (_f = this.internalProps.columnTree) && void 0 !== _f ? _f : [], this.layoutNodeId)), 
+        columnDimensionTree = new DimensionTree(null !== (_k = this.internalProps.columnTree) && void 0 !== _k ? _k : [], this.layoutNodeId)), 
         options.rowTree && (!1 === options.indicatorsAsCol && (this.internalProps.rowTree = supplementIndicatorNodesForCustomTree(this.internalProps.rowTree, options.indicators)), 
-        rowDimensionTree = new DimensionTree(null !== (_g = this.internalProps.rowTree) && void 0 !== _g ? _g : [], this.layoutNodeId));
-        const rowKeys = (null === (_h = null == rowDimensionTree ? void 0 : rowDimensionTree.dimensionKeys) || void 0 === _h ? void 0 : _h.count) ? rowDimensionTree.dimensionKeys.valueArr() : null !== (_k = null === (_j = options.rows) || void 0 === _j ? void 0 : _j.reduce(((keys, rowObj) => ("string" == typeof rowObj ? keys.push(rowObj) : keys.push(rowObj.dimensionKey), 
-        keys)), [])) && void 0 !== _k ? _k : [], columnKeys = (null === (_l = null == columnDimensionTree ? void 0 : columnDimensionTree.dimensionKeys) || void 0 === _l ? void 0 : _l.count) ? columnDimensionTree.dimensionKeys.valueArr() : null !== (_o = null === (_m = options.columns) || void 0 === _m ? void 0 : _m.reduce(((keys, columnObj) => ("string" == typeof columnObj ? keys.push(columnObj) : keys.push(columnObj.dimensionKey), 
-        keys)), [])) && void 0 !== _o ? _o : [], indicatorKeys = null !== (_q = null === (_p = options.indicators) || void 0 === _p ? void 0 : _p.reduce(((keys, indicatorObj) => ("string" == typeof indicatorObj ? keys.push(indicatorObj) : keys.push(indicatorObj.indicatorKey), 
-        keys)), [])) && void 0 !== _q ? _q : [];
+        rowDimensionTree = new DimensionTree(null !== (_l = this.internalProps.rowTree) && void 0 !== _l ? _l : [], this.layoutNodeId));
+        const rowKeys = (null === (_m = null == rowDimensionTree ? void 0 : rowDimensionTree.dimensionKeys) || void 0 === _m ? void 0 : _m.count) ? rowDimensionTree.dimensionKeys.valueArr() : null !== (_p = null === (_o = options.rows) || void 0 === _o ? void 0 : _o.reduce(((keys, rowObj) => ("string" == typeof rowObj ? keys.push(rowObj) : keys.push(rowObj.dimensionKey), 
+        keys)), [])) && void 0 !== _p ? _p : [], columnKeys = (null === (_q = null == columnDimensionTree ? void 0 : columnDimensionTree.dimensionKeys) || void 0 === _q ? void 0 : _q.count) ? columnDimensionTree.dimensionKeys.valueArr() : null !== (_s = null === (_r = options.columns) || void 0 === _r ? void 0 : _r.reduce(((keys, columnObj) => ("string" == typeof columnObj ? keys.push(columnObj) : keys.push(columnObj.dimensionKey), 
+        keys)), [])) && void 0 !== _s ? _s : [], indicatorKeys = null !== (_u = null === (_t = options.indicators) || void 0 === _t ? void 0 : _t.reduce(((keys, indicatorObj) => ("string" == typeof indicatorObj ? keys.push(indicatorObj) : keys.push(indicatorObj.indicatorKey), 
+        keys)), [])) && void 0 !== _u ? _u : [];
         if (this.internalProps.dataConfig.collectValuesBy = this._generateCollectValuesConfig(columnKeys, rowKeys), 
         this.internalProps.dataConfig.aggregationRules = this._generateAggregationRules(), 
         this.internalProps.dataConfig.dimensionSortArray = this._getDimensionSortArray(), 
-        this.dataset = new Dataset(this.internalProps.dataConfig, rowKeys, columnKeys, indicatorKeys, this.internalProps.indicators, null === (_r = options.indicatorsAsCol) || void 0 === _r || _r, null !== (_s = options.records) && void 0 !== _s ? _s : this.internalProps.records, void 0, void 0, this.internalProps.columnTree, this.internalProps.rowTree, !0), 
+        this.dataset = new Dataset(this.internalProps.dataConfig, rowKeys, columnKeys, indicatorKeys, this.internalProps.indicators, null === (_v = options.indicatorsAsCol) || void 0 === _v || _v, null !== (_w = options.records) && void 0 !== _w ? _w : this.internalProps.records, void 0, void 0, this.internalProps.columnTree, this.internalProps.rowTree, !0), 
         this.options.indicatorsAsCol && checkHasCartesianChart(this.internalProps.indicators)) {
             const supplyAxisNode = nodes => {
                 nodes.forEach((node => {
@@ -169,15 +171,15 @@ export class PivotChart extends BaseTable {
                     } ];
                 }));
             };
-            (null === (_t = this.dataset.rowHeaderTree) || void 0 === _t ? void 0 : _t.length) ? supplyAxisNode(this.dataset.rowHeaderTree) : this.dataset.rowHeaderTree = [ {
+            (null === (_x = this.dataset.rowHeaderTree) || void 0 === _x ? void 0 : _x.length) ? supplyAxisNode(this.dataset.rowHeaderTree) : this.dataset.rowHeaderTree = [ {
                 dimensionKey: "axis",
                 value: ""
             } ];
         }
         if (options.columnTree || !1 !== options.indicatorsAsCol && (this.dataset.colHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.colHeaderTree, options.indicators)), 
         options.rowTree || !1 === options.indicatorsAsCol && (this.dataset.rowHeaderTree = supplementIndicatorNodesForCustomTree(this.dataset.rowHeaderTree, options.indicators)), 
-        columnDimensionTree = new DimensionTree(null !== (_u = this.dataset.colHeaderTree) && void 0 !== _u ? _u : [], this.layoutNodeId), 
-        rowDimensionTree = new DimensionTree(null !== (_v = this.dataset.rowHeaderTree) && void 0 !== _v ? _v : [], this.layoutNodeId), 
+        columnDimensionTree = new DimensionTree(null !== (_y = this.dataset.colHeaderTree) && void 0 !== _y ? _y : [], this.layoutNodeId), 
+        rowDimensionTree = new DimensionTree(null !== (_z = this.dataset.rowHeaderTree) && void 0 !== _z ? _z : [], this.layoutNodeId), 
         internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree), 
         this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
             var _a;
@@ -187,9 +189,9 @@ export class PivotChart extends BaseTable {
             const Title = Factory.getComponent("title");
             this.internalProps.title = new Title(options.title, this), this.scenegraph.resize();
         }
-        if (this.options.emptyTip) if (this.internalProps.emptyTip) null === (_w = this.internalProps.emptyTip) || void 0 === _w || _w.resetVisible(); else {
+        if (this.options.emptyTip) if (this.internalProps.emptyTip) null === (_0 = this.internalProps.emptyTip) || void 0 === _0 || _0.resetVisible(); else {
             const EmptyTip = Factory.getComponent("emptyTip");
-            this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), null === (_x = this.internalProps.emptyTip) || void 0 === _x || _x.resetVisible();
+            this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), null === (_1 = this.internalProps.emptyTip) || void 0 === _1 || _1.resetVisible();
         }
         return new Promise((resolve => {
             setTimeout(resolve, 0);
@@ -650,6 +652,65 @@ export class PivotChart extends BaseTable {
         }
         return {};
     }
+    activateChartInstance(cellHeaderPaths) {
+        var _a, _b, _c, _d, _e;
+        const cellAddr = this.getCellAddressByHeaderPaths(cellHeaderPaths);
+        if (cellAddr) {
+            const col = cellAddr.col, row = cellAddr.row, cellGroup = this.scenegraph.getCell(col, row), chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0], activeChartInstance = this.scenegraph.activateChart(col, row), {dataId: dataId, data: data, axes: axes, spec: spec} = chartNode.attribute, viewBox = chartNode.getViewBox();
+            null == axes || axes.forEach(((axis, index) => {
+                var _a, _b, _c, _d, _e;
+                "linear" === axis.type ? activeChartInstance.updateModelSpecSync({
+                    type: "axes",
+                    index: index
+                }, {
+                    min: null !== (_b = null === (_a = axis.range) || void 0 === _a ? void 0 : _a.min) && void 0 !== _b ? _b : 0,
+                    max: null !== (_d = null === (_c = axis.range) || void 0 === _c ? void 0 : _c.max) && void 0 !== _d ? _d : 0,
+                    tick: {
+                        tickMode: null === (_e = axis.tick) || void 0 === _e ? void 0 : _e.tickMode
+                    }
+                }, !0) : "band" === axis.type && activeChartInstance.updateModelSpec({
+                    type: "axes",
+                    index: index
+                }, {
+                    domain: axis.domain.slice(0)
+                }, !0);
+            })), activeChartInstance.updateViewBox({
+                x1: 0,
+                x2: viewBox.x2 - viewBox.x1,
+                y1: 0,
+                y2: viewBox.y2 - viewBox.y1
+            }, !1, !1);
+            const chartStage = activeChartInstance.getStage();
+            chartStage.needRender = !0;
+            const matrix = chartNode.globalTransMatrix.clone(), stageMatrix = chartNode.stage.window.getViewBoxTransform().clone();
+            if (stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
+            chartStage.window.setViewBoxTransform(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
+            "string" == typeof dataId) activeChartInstance.updateDataSync(dataId, null != data ? data : []); else {
+                const dataBatch = [];
+                for (const dataIdStr in dataId) {
+                    const dataIdAndField = dataId[dataIdStr], series = spec.series.find((item => {
+                        var _a;
+                        return (null === (_a = null == item ? void 0 : item.data) || void 0 === _a ? void 0 : _a.id) === dataIdStr;
+                    }));
+                    dataBatch.push({
+                        id: dataIdStr,
+                        values: dataIdAndField ? null !== (_b = null == data ? void 0 : data.filter((item => item.hasOwnProperty(dataIdAndField)))) && void 0 !== _b ? _b : [] : null != data ? data : [],
+                        fields: null === (_c = null == series ? void 0 : series.data) || void 0 === _c ? void 0 : _c.fields
+                    }), activeChartInstance.updateFullDataSync || activeChartInstance.updateDataSync(dataIdStr, dataIdAndField ? null !== (_d = null == data ? void 0 : data.filter((item => item.hasOwnProperty(dataIdAndField)))) && void 0 !== _d ? _d : [] : null != data ? data : []);
+                }
+                null === (_e = activeChartInstance.updateFullDataSync) || void 0 === _e || _e.call(activeChartInstance, dataBatch);
+            }
+            return activeChartInstance;
+        }
+    }
+    replaceChartCacheImage(cellHeaderPaths, chartInstance) {
+        var _a;
+        const cellAddr = this.getCellAddressByHeaderPaths(cellHeaderPaths);
+        if (cellAddr) {
+            const cellGroup = this.scenegraph.getCell(cellAddr.col, cellAddr.row), chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
+            cacheStageCanvas(chartInstance.getStage(), chartNode);
+        }
+    }
     _getDimensionSortArray() {
         var _a, _b;
         if (null === (_b = null === (_a = this.options) || void 0 === _a ? void 0 : _a.axes) || void 0 === _b ? void 0 : _b.length) {