@visactor/vtable 1.16.2 → 1.16.3-alpha.1

package/cjs/PivotChart.d.ts

@@ -86,6 +86,8 @@ export declare class PivotChart extends BaseTable implements PivotChartAPI {
         chartInstance?: undefined;
         bounds?: undefined;
     };
+    activateChartInstance(cellHeaderPaths: IPivotTableCellHeaderPaths): any;
+    replaceChartCacheImage(cellHeaderPaths: IPivotTableCellHeaderPaths, chartInstance: any): void;
     _getDimensionSortArray(): string[] | undefined;
     setRecords(records: Array<any>): void;
     _hasCustomRenderOrLayout(): boolean;

package/cjs/PivotChart.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.PivotChart = void 0;
 
-const ts_types_1 = require("./ts-types"), pivot_header_layout_1 = require("./layout/pivot-header-layout"), PIVOT_TABLE_EVENT_TYPE_1 = require("./ts-types/pivot-table/PIVOT_TABLE_EVENT_TYPE"), helper_1 = require("./tools/helper"), dataset_1 = require("./dataset/dataset"), tableHelper_1 = require("./core/tableHelper"), BaseTable_1 = require("./core/BaseTable"), update_chart_1 = require("./scenegraph/refresh-node/update-chart"), vutils_1 = require("@visactor/vutils"), env_1 = require("./tools/env"), TABLE_EVENT_TYPE_1 = require("./core/TABLE_EVENT_TYPE"), vutils_extension_1 = require("@visactor/vutils-extension"), tree_helper_1 = require("./layout/tree-helper"), global_1 = require("./tools/global"), get_chart_spec_1 = require("./layout/chart-helper/get-chart-spec"), layout_helper_1 = require("./layout/layout-helper"), factory_1 = require("./core/factory"), components_1 = require("./components"), cell_type_1 = require("./scenegraph/group-creater/cell-type"), get_axis_config_1 = require("./layout/chart-helper/get-axis-config");
+const ts_types_1 = require("./ts-types"), pivot_header_layout_1 = require("./layout/pivot-header-layout"), PIVOT_TABLE_EVENT_TYPE_1 = require("./ts-types/pivot-table/PIVOT_TABLE_EVENT_TYPE"), helper_1 = require("./tools/helper"), dataset_1 = require("./dataset/dataset"), tableHelper_1 = require("./core/tableHelper"), BaseTable_1 = require("./core/BaseTable"), update_chart_1 = require("./scenegraph/refresh-node/update-chart"), vutils_1 = require("@visactor/vutils"), env_1 = require("./tools/env"), TABLE_EVENT_TYPE_1 = require("./core/TABLE_EVENT_TYPE"), vutils_extension_1 = require("@visactor/vutils-extension"), tree_helper_1 = require("./layout/tree-helper"), global_1 = require("./tools/global"), get_chart_spec_1 = require("./layout/chart-helper/get-chart-spec"), layout_helper_1 = require("./layout/layout-helper"), factory_1 = require("./core/factory"), components_1 = require("./components"), cell_type_1 = require("./scenegraph/group-creater/cell-type"), get_axis_config_1 = require("./layout/chart-helper/get-axis-config"), chart_render_helper_1 = require("./scenegraph/graphic/contributions/chart-render-helper");
 
 (0, components_1.registerAxis)(), (0, components_1.registerEmptyTip)(), (0, components_1.registerLegend)(), 
 (0, components_1.registerMenu)(), (0, components_1.registerTitle)(), (0, components_1.registerTooltip)(), 
@@ -632,6 +632,65 @@ class PivotChart extends BaseTable_1.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];
+            (0, chart_render_helper_1.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) {