@visactor/vtable 0.9.2 → 0.9.3-alpha.0

package/es/layout/pivot-layout.js

@@ -1,32 +1,146 @@
-import { transpose } from "../tools/util";
+import { isValid, transpose } from "../tools/util";
 
 import { IndicatorDimensionKeyPlaceholder } from "../tools/global";
 
-export class PivoLayoutMap {
+import { getAxisConfigInPivotChart } from "./chart-helper/get-axis-config";
+
+import { getChartAxes, getChartDataId, getChartSpec, getRawChartSpec } from "./chart-helper/get-chart-spec";
+
+const EMPTY_HEADER = {
+    isEmpty: !0,
+    id: void 0,
+    field: void 0,
+    headerType: void 0,
+    define: void 0
+};
+
+export class PivotLayoutMap {
     constructor(table, dataset) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         this._headerObjects = [], this._headerObjectMap = {}, this._indicatorObjects = [], 
-        this._showRowHeader = !0, this._showColumnHeader = !0, this._indicatorShowType = "column", 
-        this.indicatorsAsCol = !0, this.hideIndicatorName = !1, this._table = table, this.rowsDefine = null !== (_a = table.options.rows) && void 0 !== _a ? _a : [], 
+        this._columnWidths = [], this._showRowHeader = !0, this._showColumnHeader = !0, 
+        this._indicatorShowType = "column", this.indicatorsAsCol = !0, this.hideIndicatorName = !1, 
+        this.indicatorDimensionKey = IndicatorDimensionKeyPlaceholder, this._table = table, 
+        this.rowTree = table.options.rowTree, this.columnTree = table.options.columnTree, 
+        this.rowsDefine = null !== (_a = table.options.rows) && void 0 !== _a ? _a : [], 
         this.columnsDefine = null !== (_b = table.options.columns) && void 0 !== _b ? _b : [], 
         this.indicatorsDefine = null !== (_c = table.options.indicators) && void 0 !== _c ? _c : [], 
         this.indicatorTitle = table.options.indicatorTitle, this.dataset = dataset, this.dataConfig = dataset.dataConfig, 
-        this.indicators = dataset.indicators, this.indicatorsAsCol = null === (_d = table.options.indicatorsAsCol) || void 0 === _d || _d, 
+        this.indicatorKeys = dataset.indicatorKeys, this.indicatorsAsCol = null === (_d = table.options.indicatorsAsCol) || void 0 === _d || _d, 
         this.hideIndicatorName = null !== (_e = table.options.hideIndicatorName) && void 0 !== _e && _e, 
-        this.indicatorDimensionKey = IndicatorDimensionKeyPlaceholder, this.cornerSetting = null !== (_f = table.options.corner) && void 0 !== _f ? _f : {
+        this.showRowHeader = null === (_f = table.options.showRowHeader) || void 0 === _f || _f, 
+        this.showColumnHeader = null === (_g = table.options.showColumnHeader) || void 0 === _g || _g, 
+        this.rowHeaderTitle = table.options.rowHeaderTitle, this.columnHeaderTitle = table.options.columnHeaderTitle, 
+        this.cornerSetting = null !== (_h = table.options.corner) && void 0 !== _h ? _h : {
             titleOnDimension: "column"
         }, this.columns = dataset.columns, this.rows = dataset.rows, this.rowKeysPath = dataset.rowKeysPath, 
-        this.colKeysPath = dataset.colKeysPath, this.convertColKeys = transpose(this.colKeysPath), 
-        this.tree = dataset.tree, this.initState();
+        this.colKeysPath = dataset.colKeysPath, this.tree = dataset.tree, this.initState(), 
+        this.convertColKeys = transpose(this.colKeysPath);
     }
     initState() {
-        this.indicatorsAsCol && !this.hideIndicatorName ? this._indicatorShowType = "column" : this.indicatorsAsCol || this.hideIndicatorName ? this._indicatorShowType = "none" : this._indicatorShowType = "row", 
-        this.colShowAttrs = "column" === this._indicatorShowType ? this.columns.concat(this.indicatorDimensionKey) : this.columns, 
-        this.rowShowAttrs = "row" === this._indicatorShowType ? this.rows.concat(this.indicatorDimensionKey) : this.rows, 
-        this._colCount = (0 === this.colKeysPath.length ? 1 : this.colKeysPath.length) * (this.indicatorsAsCol ? this.indicators.length : 1) + this.rowHeaderLevelCount, 
-        this._rowCount = (0 === this.rowKeysPath.length ? 1 : this.rowKeysPath.length) * (this.indicatorsAsCol ? 1 : this.indicators.length) + this.columnHeaderLevelCount, 
-        this._bodyRowCount = this.rowKeysPath.length * (this.indicatorsAsCol ? 1 : this.indicators.length), 
-        this.initHeaderObjects(), this.initIndicatorObjects();
+        var _a, _b, _c, _d, _e;
+        if (this.indicatorsAsCol && !this.hideIndicatorName ? this._indicatorShowType = "column" : this.indicatorsAsCol || this.hideIndicatorName ? this._indicatorShowType = "none" : this._indicatorShowType = "row", 
+        this.colShowAttrs = "column" === this._indicatorShowType ? this.columns.concat(this.indicatorDimensionKey) : Array.from(this.columns), 
+        this.rowShowAttrs = "row" === this._indicatorShowType ? this.rows.concat(this.indicatorDimensionKey) : Array.from(this.rows), 
+        this._bodyRowCount = this.rowKeysPath.length * (this.indicatorsAsCol ? 1 : this.indicatorKeys.length), 
+        this.initHeaderObjects(), this.initIndicatorObjects(), this.rowHeaderTitle) {
+            const cell_id = "rowHeaderTitle", caption = "string" == typeof this.rowHeaderTitle.title ? this.rowHeaderTitle.title : this.rowsDefine.reduce(((title, value) => "string" == typeof value ? title : title + (title ? `/${value.dimensionTitle}` : `${value.dimensionTitle}`)), "");
+            this._headerObjectMap[caption] = {
+                id: caption,
+                caption: caption,
+                field: cell_id,
+                headerType: null !== (_a = this.rowHeaderTitle.headerType) && void 0 !== _a ? _a : "text",
+                style: this.rowHeaderTitle.headerStyle,
+                define: {}
+            }, this._headerObjectMap[cell_id] = {
+                id: cell_id,
+                caption: "",
+                field: cell_id,
+                headerType: null !== (_b = this.cornerSetting.headerType) && void 0 !== _b ? _b : "text",
+                style: this.cornerSetting.headerStyle,
+                define: {}
+            }, this._headerObjects.push(this._headerObjectMap[caption]), this._headerObjects.push(this._headerObjectMap[cell_id]), 
+            this.rowShowAttrs.unshift(cell_id), this.rowKeysPath.forEach(((rowKey, index) => {
+                rowKey.unshift(caption);
+            }));
+        }
+        if (this.columnHeaderTitle) {
+            const cell_id = "columnHeaderTitleCell", caption = "string" == typeof this.columnHeaderTitle.title ? this.columnHeaderTitle.title : this.columnsDefine.reduce(((title, value) => "string" == typeof value ? title : title + (title ? `/${value.dimensionTitle}` : `${value.dimensionTitle}`)), "");
+            this._headerObjectMap[caption] = {
+                id: caption,
+                caption: caption,
+                field: cell_id,
+                headerType: null !== (_c = this.columnHeaderTitle.headerType) && void 0 !== _c ? _c : "text",
+                style: this.columnHeaderTitle.headerStyle,
+                define: {}
+            }, this._headerObjectMap[cell_id] = {
+                id: cell_id,
+                caption: "",
+                field: cell_id,
+                headerType: null !== (_d = this.cornerSetting.headerType) && void 0 !== _d ? _d : "text",
+                style: this.cornerSetting.headerStyle,
+                define: {}
+            }, this._headerObjects.push(this._headerObjectMap[caption]), this._headerObjects.push(this._headerObjectMap[cell_id]), 
+            this.colShowAttrs.unshift(cell_id), this.colKeysPath.forEach(((columnKey, index) => {
+                columnKey.unshift(caption);
+            }));
+        }
+        if (this._table.isPivotChart()) if (this.hasTwoIndicatorAxes = this._indicatorObjects.some((indicatorObject => !!(indicatorObject.chartSpec && indicatorObject.chartSpec.series && indicatorObject.chartSpec.series.length > 1))), 
+        this.indicatorsAsCol) {
+            const cell_id = "rowHeaderEmpty";
+            this._headerObjectMap[cell_id] = {
+                id: cell_id,
+                caption: "",
+                field: cell_id,
+                headerType: null !== (_e = this.cornerSetting.headerType) && void 0 !== _e ? _e : "text",
+                style: this.cornerSetting.headerStyle,
+                define: {}
+            }, this._headerObjects.push(this._headerObjectMap[cell_id]), this.rowShowAttrs.push(cell_id), 
+            this.hasTwoIndicatorAxes || this.colShowAttrs.pop();
+        } else {
+            const axisOption = this._table.pivotChartAxes.find((axisOption => "left" === axisOption.orient));
+            !1 === (null == axisOption ? void 0 : axisOption.visible) && this.rowShowAttrs.pop();
+        }
+        this._colCount = (0 === this.colKeysPath.length ? 1 : this.colKeysPath.length) * (this.indicatorsAsCol ? this.indicatorKeys.length : 1) + this.rowHeaderLevelCount + this.rightFrozenColCount, 
+        this._rowCount = (0 === this.rowKeysPath.length ? 1 : this.rowKeysPath.length) * (this.indicatorsAsCol ? 1 : this.indicatorKeys.length) + this.columnHeaderLevelCount + this.bottomFrozenRowCount, 
+        this.setColumnWidths();
+    }
+    setColumnWidths() {
+        const returnWidths = new Array(this.colCount).fill(void 0);
+        if (this.showRowHeader && (this.rowHeaderTitle && (returnWidths[0] = {}), this.rowShowAttrs.forEach(((objKey, index) => {
+            var _a;
+            const dimension = null === (_a = this.rowsDefine) || void 0 === _a ? void 0 : _a.find((dimension => "string" != typeof dimension && dimension.dimensionKey === objKey));
+            dimension && (returnWidths[index + (this.rowHeaderTitle ? 1 : 0)] = {
+                width: dimension.width,
+                minWidth: dimension.minWidth,
+                maxWidth: dimension.maxWidth
+            });
+        }))), this.indicatorsAsCol) for (let i = this.rowHeaderLevelCount; i < this.colCount; i++) {
+            const cellDefine = this.getBody(i, this.columnHeaderLevelCount);
+            returnWidths[i] = {
+                width: null == cellDefine ? void 0 : cellDefine.width,
+                minWidth: null == cellDefine ? void 0 : cellDefine.minWidth,
+                maxWidth: null == cellDefine ? void 0 : cellDefine.maxWidth
+            };
+        } else {
+            let maxWidth, minWidth, isAuto, width = 0;
+            this._indicatorObjects.forEach(((obj, index) => {
+                "number" == typeof obj.width ? width = Math.max(obj.width, width) : "auto" === obj.width && (isAuto = !0), 
+                "number" == typeof obj.minWidth && (minWidth = Math.max(obj.minWidth, minWidth)), 
+                "number" == typeof obj.maxWidth && (maxWidth = Math.max(obj.maxWidth, maxWidth));
+            })), width = width > 0 ? width : isAuto ? "auto" : void 0, returnWidths.fill({
+                width: width,
+                minWidth: minWidth,
+                maxWidth: maxWidth
+            }, this.rowHeaderLevelCount, this.colCount - this.rightFrozenColCount);
+        }
+        this._columnWidths = returnWidths;
+    }
+    get columnWidths() {
+        return this._columnWidths;
+    }
+    getColumnWidthDefined(col) {
+        return this._columnWidths[col];
     }
     getDimensionInfo(dimensionKey) {
         var _a, _b, _c;
@@ -36,6 +150,12 @@ export class PivoLayoutMap {
         var _a;
         return null === (_a = this.indicatorsDefine) || void 0 === _a ? void 0 : _a.find((indicator => "string" != typeof indicator && (indicatorKey ? indicator.indicatorKey === indicatorKey : !!indicatorValue && indicator.caption === indicatorValue)));
     }
+    getColKeysPath() {
+        return this.colKeysPath;
+    }
+    getRowKeysPath() {
+        return this.rowKeysPath;
+    }
     initHeaderObjects() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         for (let i = 0, len = this.rowKeysPath.length; i <= len - 1; i++) {
@@ -82,20 +202,20 @@ export class PivoLayoutMap {
         }
         let cornerAttrs;
         this.indicatorsDefine.forEach((indicator => {
-            var _a, _b;
+            var _a, _b, _c;
             const indicatorKey = "string" == typeof indicator ? indicator : indicator.indicatorKey, indicatorInfo = "string" == typeof indicator ? void 0 : indicator;
             this._headerObjectMap[indicatorKey] || (this._headerObjectMap[indicatorKey] = {
                 id: indicatorKey,
                 field: this.indicatorDimensionKey,
-                caption: indicatorKey,
+                caption: null !== (_a = indicatorInfo.caption) && void 0 !== _a ? _a : indicatorKey,
                 style: null == indicatorInfo ? void 0 : indicatorInfo.headerStyle,
                 define: {
                     field: this.indicatorDimensionKey,
-                    headerType: null !== (_a = null == indicatorInfo ? void 0 : indicatorInfo.headerType) && void 0 !== _a ? _a : "text",
+                    headerType: null !== (_b = null == indicatorInfo ? void 0 : indicatorInfo.headerType) && void 0 !== _b ? _b : "text",
                     columnType: "text"
                 },
                 dropDownMenu: null == indicatorInfo ? void 0 : indicatorInfo.dropDownMenu,
-                headerType: null !== (_b = null == indicatorInfo ? void 0 : indicatorInfo.headerType) && void 0 !== _b ? _b : "text",
+                headerType: null !== (_c = null == indicatorInfo ? void 0 : indicatorInfo.headerType) && void 0 !== _c ? _c : "text",
                 width: null == indicatorInfo ? void 0 : indicatorInfo.width
             }, this._headerObjects.push(this._headerObjectMap[indicatorKey]));
         })), "column" === this.cornerSetting.titleOnDimension ? cornerAttrs = this.colShowAttrs : "row" === this.cornerSetting.titleOnDimension && (cornerAttrs = this.rowShowAttrs), 
@@ -121,41 +241,32 @@ export class PivoLayoutMap {
         }));
     }
     initIndicatorObjects() {
-        this.indicators.forEach((indicatorStr => {
+        this.indicatorKeys.forEach((indicatorKey => {
             var _a, _b, _c;
-            const indicatorInfo = null === (_a = this.indicatorsDefine) || void 0 === _a ? void 0 : _a.find((indicator => "string" != typeof indicator && indicator.caption === indicatorStr));
+            const indicatorInfo = null === (_a = this.indicatorsDefine) || void 0 === _a ? void 0 : _a.find((indicator => "string" != typeof indicator && indicator.indicatorKey === indicatorKey));
             this._indicatorObjects.push({
-                id: indicatorStr,
-                indicatorKey: indicatorStr,
-                field: indicatorStr,
-                define: {
-                    field: indicatorStr,
+                id: indicatorKey,
+                indicatorKey: indicatorKey,
+                field: indicatorKey,
+                define: Object.assign({
+                    field: indicatorKey,
                     headerType: "text",
                     columnType: null !== (_b = null == indicatorInfo ? void 0 : indicatorInfo.columnType) && void 0 !== _b ? _b : "text"
-                },
+                }, indicatorInfo),
                 fieldFormat: null == indicatorInfo ? void 0 : indicatorInfo.format,
                 columnType: null !== (_c = null == indicatorInfo ? void 0 : indicatorInfo.columnType) && void 0 !== _c ? _c : "text",
-                style: null == indicatorInfo ? void 0 : indicatorInfo.style
+                chartModule: indicatorInfo && ("chartModule" in indicatorInfo ? indicatorInfo.chartModule : null),
+                chartSpec: indicatorInfo && ("chartSpec" in indicatorInfo ? indicatorInfo.chartSpec : null),
+                sparklineSpec: "sparklineSpec" in indicatorInfo ? indicatorInfo.sparklineSpec : null,
+                style: null == indicatorInfo ? void 0 : indicatorInfo.style,
+                icon: null == indicatorInfo ? void 0 : indicatorInfo.icon,
+                width: null == indicatorInfo ? void 0 : indicatorInfo.width,
+                minWidth: null == indicatorInfo ? void 0 : indicatorInfo.minWidth,
+                maxWidth: null == indicatorInfo ? void 0 : indicatorInfo.maxWidth,
+                disableColumnResize: null == indicatorInfo ? void 0 : indicatorInfo.disableColumnResize
             });
         }));
     }
-    get columnWidths() {
-        var _a;
-        const returnWidths = [];
-        for (let i = 0; i < this.rowHeaderLevelCount; i++) {
-            const dimension = null !== (_a = this.getDimensionInfo(this.rowShowAttrs[i])) && void 0 !== _a ? _a : this.getIndicatorInfo(this.rowShowAttrs[i]);
-            returnWidths.push({
-                width: null == dimension ? void 0 : dimension.width
-            });
-        }
-        for (let j = 0; j < this.colCount - this.rowHeaderLevelCount; j++) {
-            const indicator = this._indicatorObjects[j % this._indicatorObjects.length];
-            returnWidths.push({
-                width: null == indicator ? void 0 : indicator.width
-            });
-        }
-        return returnWidths;
-    }
     get showColumnHeader() {
         return this._showColumnHeader;
     }
@@ -168,11 +279,23 @@ export class PivoLayoutMap {
     set showRowHeader(_showRowHeader) {
         this._showRowHeader = _showRowHeader;
     }
+    get columnHeaderTitle() {
+        return this._columnHeaderTitle;
+    }
+    set columnHeaderTitle(_columnHeaderTitle) {
+        this._columnHeaderTitle = _columnHeaderTitle;
+    }
+    get rowHeaderTitle() {
+        return this._rowHeaderTitle;
+    }
+    set rowHeaderTitle(_rowHeaderTitle) {
+        this._rowHeaderTitle = _rowHeaderTitle;
+    }
     getCellType(col, row) {
         return this.isCornerHeader(col, row) ? "cornerHeader" : this.isColumnHeader(col, row) ? "columnHeader" : this.isRowHeader(col, row) ? "rowHeader" : "body";
     }
     isHeader(col, row) {
-        return col < this.rowHeaderLevelCount || row < this.columnHeaderLevelCount;
+        return col < this.rowHeaderLevelCount || (row < this.columnHeaderLevelCount || (col >= this.colCount - this.rightFrozenColCount || row >= this.rowCount - this.bottomFrozenRowCount));
     }
     isCornerHeader(col, row) {
         return col < this.rowHeaderLevelCount && row < this.columnHeaderLevelCount;
@@ -180,6 +303,12 @@ export class PivoLayoutMap {
     isColumnHeader(col, row) {
         return col >= this.rowHeaderLevelCount && row < this.columnHeaderLevelCount;
     }
+    isRightFrozenColumn(col, row) {
+        return col >= this.colCount - this.rightFrozenColCount && row >= this.columnHeaderLevelCount && row < this.rowCount - this.bottomFrozenRowCount;
+    }
+    isBottomFrozenRow(col, row) {
+        return col >= this.rowHeaderLevelCount && row >= this.rowCount - this.bottomFrozenRowCount && col < this.colCount - this.rightFrozenColCount;
+    }
     isRowHeader(col, row) {
         return col < this.rowHeaderLevelCount && row >= this.columnHeaderLevelCount;
     }
@@ -246,11 +375,17 @@ export class PivoLayoutMap {
     }
     get columnHeaderLevelCount() {
         const colLevelCount = this.colShowAttrs.length;
-        return this.showColumnHeader ? colLevelCount : 0;
+        if (this.showColumnHeader) {
+            return this.indicatorsAsCol && this.hideIndicatorName && this.colShowAttrs[this.colShowAttrs.length - 1] === this.indicatorDimensionKey ? colLevelCount - 1 : colLevelCount;
+        }
+        return this.indicatorsAsCol ? this.hideIndicatorName ? 0 : 1 : 0;
     }
     get rowHeaderLevelCount() {
         const rowLevelCount = this.rowShowAttrs.length;
-        return this.showRowHeader ? rowLevelCount : 0;
+        if (this.showRowHeader) {
+            return this.indicatorsAsCol ? rowLevelCount : this.hideIndicatorName && this.rowShowAttrs[this.rowShowAttrs.length - 1] === this.indicatorDimensionKey ? rowLevelCount - 1 : rowLevelCount;
+        }
+        return this.indicatorsAsCol || this.hideIndicatorName ? 0 : 1;
     }
     get colCount() {
         return this._colCount;
@@ -261,6 +396,34 @@ export class PivoLayoutMap {
     get bodyRowCount() {
         return this._bodyRowCount;
     }
+    get bottomFrozenRowCount() {
+        if (!this._table.isPivotChart()) return 0;
+        const axisOption = this._table.pivotChartAxes.find((axisOption => "bottom" === axisOption.orient));
+        return !1 === (null == axisOption ? void 0 : axisOption.visible) ? 0 : (this.indicatorsAsCol, 
+        1);
+    }
+    get rightFrozenColCount() {
+        if (!this._table.isPivotChart()) return 0;
+        const axisOption = this._table.pivotChartAxes.find((axisOption => "right" === axisOption.orient));
+        return !1 === (null == axisOption ? void 0 : axisOption.visible) || this.indicatorsAsCol ? 0 : this.hasTwoIndicatorAxes ? 1 : 0;
+    }
+    get leftAxesCount() {
+        if (!this._table.isPivotChart()) return 0;
+        const axisOption = this._table.pivotChartAxes.find((axisOption => "left" === axisOption.orient));
+        return !1 === (null == axisOption ? void 0 : axisOption.visible) ? 0 : (this.indicatorsAsCol, 
+        1);
+    }
+    get topAxesCount() {
+        if (!this._table.isPivotChart()) return 0;
+        const axisOption = this._table.pivotChartAxes.find((axisOption => "top" === axisOption.orient));
+        return !1 === (null == axisOption ? void 0 : axisOption.visible) ? 0 : this.indicatorsAsCol && this.hasTwoIndicatorAxes ? 1 : 0;
+    }
+    get rightAxesCount() {
+        return this.rightFrozenColCount;
+    }
+    get bottomAxesCount() {
+        return this.bottomFrozenRowCount;
+    }
     get headerObjects() {
         return this._headerObjects;
     }
@@ -268,27 +431,31 @@ export class PivoLayoutMap {
         return this._indicatorObjects;
     }
     getCellId(col, row) {
+        if (col < this.rowHeaderLevelCount && row >= this.rowCount - this.bottomFrozenRowCount || row < this.columnHeaderLevelCount && col >= this.colCount - this.rightFrozenColCount) return 0;
         if (row >= 0 && col >= 0) if (this.isCornerHeader(col, row)) {
             if ("column" === this.cornerSetting.titleOnDimension) return this.colShowAttrs[row];
             if ("row" === this.cornerSetting.titleOnDimension) return this.rowShowAttrs[col];
         } else {
-            if (this.isColumnHeader(col, row)) return row < this.columns.length ? this.convertColKeys[row][this.indicatorsAsCol ? Math.floor((col - this.rowHeaderLevelCount) / this.indicators.length) : col - this.rowHeaderLevelCount] : this.indicators[(col - this.rowHeaderLevelCount) % this.indicators.length];
-            if (this.isRowHeader(col, row)) return col < this.rows.length ? this.rowKeysPath[this.indicatorsAsCol ? row - this.columnHeaderLevelCount : Math.floor((row - this.columnHeaderLevelCount) / this.indicators.length)][col] : this.indicators[(row - this.columnHeaderLevelCount) % this.indicators.length];
+            if (this.isColumnHeader(col, row)) return row < this.columns.length + (this.columnHeaderTitle ? 1 : 0) ? this.convertColKeys[row][this.indicatorsAsCol ? Math.floor((col - this.rowHeaderLevelCount) / this.indicatorKeys.length) : col - this.rowHeaderLevelCount] : this.indicatorKeys[(col - this.rowHeaderLevelCount) % this.indicatorKeys.length];
+            if (this.isRowHeader(col, row)) return col < this.rows.length + (this.rowHeaderTitle ? 1 : 0) ? this.rowKeysPath[this.indicatorsAsCol ? row - this.columnHeaderLevelCount : Math.floor((row - this.columnHeaderLevelCount) / this.indicatorKeys.length)][col] : this.indicatorKeys[(row - this.columnHeaderLevelCount) % this.indicatorKeys.length];
+            if (this.isRightFrozenColumn(col, row)) return this.indicatorsAsCol ? this.rowKeysPath[row - this.columnHeaderLevelCount][this.rowHeaderLevelCount - 1] : this.indicatorKeys[(row - this.columnHeaderLevelCount) % this.indicatorKeys.length];
+            if (this.isBottomFrozenRow(col, row)) return this.indicatorsAsCol ? this.indicatorKeys[(col - this.rowHeaderLevelCount) % this.indicatorKeys.length] : this.convertColKeys[this.convertColKeys.length - 1][Math.floor((col - this.rowHeaderLevelCount) / this.indicatorKeys.length)];
         }
         return 0;
     }
-    getIndicatorName(col, row) {
+    getIndicatorKey(col, row) {
         if (this.isHeader(col, row)) return "";
         if (this.indicatorsAsCol) {
             const bodyCol = col - this.rowHeaderLevelCount;
-            return this.indicators[bodyCol % this.indicators.length];
+            return this.indicatorKeys[bodyCol % this.indicatorKeys.length];
         }
         const bodyRow = row - this.columnHeaderLevelCount;
-        return this.indicators[bodyRow % this.indicators.length];
+        return this.indicatorKeys[bodyRow % this.indicatorKeys.length];
     }
     getHeader(col, row) {
+        var _a;
         const id = this.getCellId(col, row);
-        return this._headerObjectMap[id];
+        return null !== (_a = this._headerObjectMap[id]) && void 0 !== _a ? _a : EMPTY_HEADER;
     }
     getHeaderField(col, row) {
         var _a, _b;
@@ -301,20 +468,25 @@ export class PivoLayoutMap {
         throw new Error(`Method not implemented.${field}`);
     }
     getBody(_col, _row) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        let indicatorInfo;
-        return indicatorInfo = this.indicatorsAsCol ? this.getIndicatorInfo(null === (_a = null == this ? void 0 : this.indicators) || void 0 === _a ? void 0 : _a[(_col - this.rowHeaderLevelCount) % (null !== (_c = null === (_b = this.indicators) || void 0 === _b ? void 0 : _b.length) && void 0 !== _c ? _c : 0)]) : this.getIndicatorInfo(null === (_d = null == this ? void 0 : this.indicators) || void 0 === _d ? void 0 : _d[(_row - this.columnHeaderLevelCount) % (null !== (_f = null === (_e = this.indicators) || void 0 === _e ? void 0 : _e.length) && void 0 !== _f ? _f : 0)]), 
-        {
-            id: 0,
-            indicatorKey: this.indicators[(_col - this.rowHeaderLevelCount) % (null !== (_h = null === (_g = this.indicators) || void 0 === _g ? void 0 : _g.length) && void 0 !== _h ? _h : 0)],
-            field: this.indicators[(_col - this.rowHeaderLevelCount) % (null !== (_k = null === (_j = this.indicators) || void 0 === _j ? void 0 : _j.length) && void 0 !== _k ? _k : 0)],
-            columnType: null !== (_l = null == indicatorInfo ? void 0 : indicatorInfo.columnType) && void 0 !== _l ? _l : "text",
-            style: null == indicatorInfo ? void 0 : indicatorInfo.style,
-            define: {
-                field: this.indicators[(_col - this.rowHeaderLevelCount) % (null !== (_o = null === (_m = this.indicators) || void 0 === _m ? void 0 : _m.length) && void 0 !== _o ? _o : 0)],
-                headerType: "text",
-                columnType: null !== (_p = null == indicatorInfo ? void 0 : indicatorInfo.columnType) && void 0 !== _p ? _p : "text"
-            }
+        var _a, _b, _c, _d, _e, _f;
+        const paths = this.getCellHeaderPaths(_col, _row);
+        if (this.indicatorsAsCol) {
+            const indicatorKey = null === (_a = paths.colHeaderPaths.find((colPath => colPath.indicatorKey))) || void 0 === _a ? void 0 : _a.indicatorKey;
+            return null !== (_c = null !== (_b = this._indicatorObjects.find((indicator => indicator.indicatorKey === indicatorKey))) && void 0 !== _b ? _b : this._indicatorObjects[0]) && void 0 !== _c ? _c : {
+                id: "",
+                field: void 0,
+                indicatorKey: void 0,
+                columnType: void 0,
+                define: void 0
+            };
+        }
+        const indicatorKey = null === (_d = paths.rowHeaderPaths.find((rowPath => rowPath.indicatorKey))) || void 0 === _d ? void 0 : _d.indicatorKey;
+        return null !== (_f = null !== (_e = this._indicatorObjects.find((indicator => indicator.indicatorKey === indicatorKey))) && void 0 !== _e ? _e : this._indicatorObjects[0]) && void 0 !== _f ? _f : {
+            id: "",
+            field: void 0,
+            indicatorKey: void 0,
+            columnType: void 0,
+            define: void 0
         };
     }
     getBodyLayoutRangeById(id) {
@@ -344,6 +516,7 @@ export class PivoLayoutMap {
             }
         };
         if (!this.isHeader(col, row) || -1 === col || -1 === row || this.isIndicatorHeader(col, row)) return result;
+        if (this.isRightFrozenColumn(col, row) || this.isBottomFrozenRow(col, row)) return result;
         const id = this.getCellId(col, row);
         for (let c = col - 1; c >= 0 && id === this.getCellId(c, row); c--) result.start.col = c;
         for (let c = col + 1; c < (null !== (_a = this.colCount) && void 0 !== _a ? _a : 0) && id === this.getCellId(c, row); c++) result.end.col = c;
@@ -356,10 +529,10 @@ export class PivoLayoutMap {
         return range1.start.col === range2.start.col && range1.end.col === range2.end.col && range1.start.row === range2.start.row && range1.end.row === range2.end.row;
     }
     getRecordIndexByRow(row) {
-        return row < this.columnHeaderLevelCount ? -1 : this.indicatorsAsCol ? row - this.columnHeaderLevelCount : Math.floor((row - this.columnHeaderLevelCount) / this.indicators.length);
+        return row < this.columnHeaderLevelCount ? -1 : this.indicatorsAsCol ? row - this.columnHeaderLevelCount : Math.floor((row - this.columnHeaderLevelCount) / this.indicatorKeys.length);
     }
     getRecordIndexByCol(col) {
-        return col < this.rowHeaderLevelCount ? -1 : this.indicatorsAsCol ? Math.floor((col - this.rowHeaderLevelCount) / this.indicators.length) : col - this.rowHeaderLevelCount;
+        return col < this.rowHeaderLevelCount ? -1 : this.indicatorsAsCol ? Math.floor((col - this.rowHeaderLevelCount) / this.indicatorKeys.length) : col - this.rowHeaderLevelCount;
     }
     getRecordStartRowByRecordIndex(index) {
         return this.columnHeaderLevelCount + index;
@@ -369,32 +542,85 @@ export class PivoLayoutMap {
         const recordCol = this.getRecordIndexByCol(col), recordRow = this.getRecordIndexByRow(row);
         let colPath, rowPath, colHeaderPaths, rowHeaderPaths;
         return recordCol >= 0 && (colPath = this.colKeysPath[recordCol], colHeaderPaths = null === (_a = null == colPath ? void 0 : colPath[colPath.length - 1]) || void 0 === _a ? void 0 : _a.split(this.dataset.stringJoinChar), 
-        row < this.columns.length - 1 && (colHeaderPaths = colHeaderPaths.slice(0, row + 1))), 
+        colHeaderPaths && this.showColumnHeader && row < this.columns.length - 1 && (colHeaderPaths = colHeaderPaths.slice(0, row + 1))), 
         recordRow >= 0 && (rowPath = this.rowKeysPath[recordRow], rowHeaderPaths = null === (_b = null == rowPath ? void 0 : rowPath[rowPath.length - 1]) || void 0 === _b ? void 0 : _b.split(this.dataset.stringJoinChar), 
-        col < this.rows.length - 1 && (rowHeaderPaths = rowHeaderPaths.slice(0, col + 1))), 
+        rowHeaderPaths && this.showRowHeader && col < this.rows.length - 1 && (rowHeaderPaths = rowHeaderPaths.slice(0, col + 1))), 
+        colHeaderPaths && this.indicatorsAsCol && col >= this.rowHeaderLevelCount ? colHeaderPaths.push(this.indicatorKeys[(col - this.rowHeaderLevelCount) % this.indicatorKeys.length]) : rowHeaderPaths && row >= this.columnHeaderLevelCount && rowHeaderPaths.push(this.indicatorKeys[(row - this.columnHeaderLevelCount) % this.indicatorKeys.length]), 
         {
-            colHeaderPaths: null !== (_c = colHeaderPaths.map((key => {
-                const isIndicatorKey = this._indicatorObjects.find((indicator => {
-                    indicator.indicatorKey;
-                }));
+            colHeaderPaths: null !== (_c = null == colHeaderPaths ? void 0 : colHeaderPaths.map(((key, index) => {
+                const indicatorObject = this._indicatorObjects.find((indicator => indicator.indicatorKey === key));
                 return {
-                    dimensionKey: isIndicatorKey ? void 0 : key,
-                    indicatorKey: isIndicatorKey ? key : void 0,
-                    value: key
+                    dimensionKey: indicatorObject ? void 0 : this.colShowAttrs[index],
+                    indicatorKey: indicatorObject ? key : void 0,
+                    value: indicatorObject ? indicatorObject.define.caption : key
                 };
             }))) && void 0 !== _c ? _c : [],
-            rowHeaderPaths: null !== (_d = rowHeaderPaths.map((key => {
-                const isIndicatorKey = this._indicatorObjects.find((indicator => {
-                    indicator.indicatorKey;
-                }));
+            rowHeaderPaths: null !== (_d = null == rowHeaderPaths ? void 0 : rowHeaderPaths.map(((key, index) => {
+                const indicatorObject = this._indicatorObjects.find((indicator => indicator.indicatorKey === key));
                 return {
-                    dimensionKey: isIndicatorKey ? void 0 : key,
-                    indicatorKey: isIndicatorKey ? key : void 0,
-                    value: key
+                    dimensionKey: indicatorObject ? void 0 : this.rowShowAttrs[index],
+                    indicatorKey: indicatorObject ? key : void 0,
+                    value: indicatorObject ? indicatorObject.define.caption : key
                 };
             }))) && void 0 !== _d ? _d : []
         };
     }
+    getCellAdressByHeaderPath(dimensionPaths) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        let colHeaderPaths, rowHeaderPaths;
+        if (Array.isArray(dimensionPaths)) {
+            if (dimensionPaths.length > this.rowShowAttrs.length + this.colShowAttrs.length) return;
+            colHeaderPaths = dimensionPaths.filter((path => this.colShowAttrs.indexOf(path.dimensionKey) >= 0)), 
+            rowHeaderPaths = dimensionPaths.filter((path => this.rowShowAttrs.indexOf(path.dimensionKey) >= 0));
+        } else colHeaderPaths = dimensionPaths.colHeaderPaths, rowHeaderPaths = dimensionPaths.rowHeaderPaths;
+        if (!Array.isArray(colHeaderPaths) && !Array.isArray(rowHeaderPaths)) return;
+        null == colHeaderPaths || colHeaderPaths.sort(((a, b) => {
+            var _a, _b;
+            return this.colShowAttrs.indexOf(null !== (_a = a.dimensionKey) && void 0 !== _a ? _a : this.indicatorDimensionKey) - this.colShowAttrs.indexOf(null !== (_b = b.dimensionKey) && void 0 !== _b ? _b : this.indicatorDimensionKey);
+        })), null == rowHeaderPaths || rowHeaderPaths.sort(((a, b) => {
+            var _a, _b;
+            return this.rowShowAttrs.indexOf(null !== (_a = a.dimensionKey) && void 0 !== _a ? _a : this.indicatorDimensionKey) - this.rowShowAttrs.indexOf(null !== (_b = b.dimensionKey) && void 0 !== _b ? _b : this.indicatorDimensionKey);
+        }));
+        let needLowestLevel = !1;
+        (null == colHeaderPaths ? void 0 : colHeaderPaths.length) >= 1 && (null == rowHeaderPaths ? void 0 : rowHeaderPaths.length) >= 1 && (needLowestLevel = !0);
+        let toFindIndicator, col = 0, row = 0, rowTree = this.rowTree, columnTree = this.columnTree;
+        if (colHeaderPaths) for (let i = 0; i < colHeaderPaths.length; i++) {
+            const colDimension = colHeaderPaths[i];
+            if (colDimension.indicatorKey) {
+                toFindIndicator = colDimension.indicatorKey;
+                break;
+            }
+            for (let j = 0; j < columnTree.length; j++) {
+                const dimension = columnTree[j];
+                if (!isValid(colDimension.indicatorKey) && dimension.dimensionKey === colDimension.dimensionKey && dimension.value === colDimension.value) {
+                    columnTree = dimension.children, columnTree && 0 !== columnTree.length && !(null === (_a = null == columnTree ? void 0 : columnTree[0]) || void 0 === _a ? void 0 : _a.indicatorKey) || (col += j);
+                    break;
+                }
+                col += (null === (_c = null === (_b = dimension.children) || void 0 === _b ? void 0 : _b[0]) || void 0 === _c ? void 0 : _c.indicatorKey) ? 0 : null !== (_e = null === (_d = dimension.children) || void 0 === _d ? void 0 : _d.length) && void 0 !== _e ? _e : 0;
+            }
+        }
+        if (rowHeaderPaths) for (let i = 0; i < rowHeaderPaths.length; i++) {
+            const rowDimension = rowHeaderPaths[i];
+            if (rowDimension.indicatorKey) {
+                toFindIndicator = rowDimension.indicatorKey;
+                break;
+            }
+            for (let j = 0; j < rowTree.length; j++) {
+                const dimension = rowTree[j];
+                if (!isValid(rowDimension.indicatorKey) && dimension.dimensionKey === rowDimension.dimensionKey && dimension.value === rowDimension.value) {
+                    rowTree = dimension.children, rowTree && 0 !== rowTree.length && !(null === (_f = null == rowTree ? void 0 : rowTree[0]) || void 0 === _f ? void 0 : _f.indicatorKey) || (row += j);
+                    break;
+                }
+                row += (null === (_h = null === (_g = dimension.children) || void 0 === _g ? void 0 : _g[0]) || void 0 === _h ? void 0 : _h.indicatorKey) ? 0 : null !== (_k = null === (_j = dimension.children) || void 0 === _j ? void 0 : _j.length) && void 0 !== _k ? _k : 0;
+            }
+        }
+        return col = (this.indicatorsAsCol ? col * this.indicatorKeys.length + this.indicatorKeys.indexOf(toFindIndicator) : col) + this.rowHeaderLevelCount, 
+        row = (this.indicatorsAsCol ? row : row * this.indicatorKeys.length + this.indicatorKeys.indexOf(toFindIndicator)) + this.columnHeaderLevelCount, 
+        isValid(col) || isValid(row) ? {
+            col: null != col ? col : undefined,
+            row: null != row ? row : undefined
+        } : void 0;
+    }
     getHeaderDimension(col, row) {
         var _a, _b, _c;
         if (this.isHeader(col, row)) {
@@ -404,8 +630,8 @@ export class PivoLayoutMap {
     }
     updateDataset(dataset) {
         this.dataset = dataset, this.dataConfig = dataset.dataConfig, this.rowKeysPath = dataset.rowKeysPath, 
-        this.colKeysPath = dataset.colKeysPath, this.convertColKeys = transpose(this.colKeysPath), 
-        this.tree = dataset.tree, this.initState();
+        this.colKeysPath = dataset.colKeysPath, this.tree = dataset.tree, this._indicatorObjects = [], 
+        this._headerObjects = [], this._headerObjectMap = {}, this.initState(), this.convertColKeys = transpose(this.colKeysPath);
     }
     isHeaderForColWidth(col, row) {
         return this.isHeader(col, row);
@@ -439,5 +665,92 @@ export class PivoLayoutMap {
         }
         return null == indicatorObj ? void 0 : indicatorObj.chartInstance;
     }
+    _generateChartState() {
+        return {
+            vtable_selected: {
+                filter: datum => {
+                    if (this._table._selectedDataItemsInChart.length >= 1) {
+                        return !!this._table._selectedDataItemsInChart.find((item => {
+                            for (const itemKey in item) if (item[itemKey] !== datum[itemKey]) return !1;
+                            return !0;
+                        }));
+                    }
+                    if (this._table._selectedDimensionInChart.length) {
+                        return !!this._table._selectedDimensionInChart.every((item => datum[item.key] === item.value));
+                    }
+                    return !1;
+                }
+            },
+            vtable_selected_reverse: {
+                filter: datum => {
+                    if (this._table._selectedDataItemsInChart.length >= 1) {
+                        return !this._table._selectedDataItemsInChart.find((item => {
+                            for (const itemKey in item) if (item[itemKey] !== datum[itemKey]) return !1;
+                            return !0;
+                        }));
+                    }
+                    if (this._table._selectedDimensionInChart.length) {
+                        return !this._table._selectedDimensionInChart.every((item => datum[item.key] === item.value));
+                    }
+                    return !1;
+                }
+            }
+        };
+    }
+    updateDataStateToChartInstance(activeChartInstance) {
+        activeChartInstance || (activeChartInstance = this._table._getActiveChartInstance());
+        const state = this._generateChartState();
+        this._indicatorObjects.forEach((_indicatorObject => {
+            _indicatorObject.chartInstance.updateState(state);
+        })), null == activeChartInstance || activeChartInstance.updateState(state);
+    }
+    updateDataStateToActiveChartInstance(activeChartInstance) {
+        activeChartInstance || (activeChartInstance = this._table._getActiveChartInstance());
+        const state = this._generateChartState();
+        null == activeChartInstance || activeChartInstance.updateState(state);
+    }
+    getOptimunWidthForChart(col) {
+        var _a;
+        const path = this.getCellHeaderPaths(col, this.columnHeaderLevelCount).colHeaderPaths;
+        let collectedValues;
+        for (const key in this.dataset.collectValuesBy) if ("xField" === this.dataset.collectValuesBy[key].type && !this.dataset.collectValuesBy[key].range) {
+            collectedValues = this.dataset.collectedValues[key][path.map((pathObj => pathObj.value)).join(this.dataset.stringJoinChar)];
+            break;
+        }
+        return 50 * (null !== (_a = null == collectedValues ? void 0 : collectedValues.size) && void 0 !== _a ? _a : 0);
+    }
+    getIndicatorKeyInChartSpec(_col, _row) {
+        const chartSpec = this.getRawChartSpec(_col, _row), indicatorKeys = [];
+        return chartSpec ? (!1 === this.indicatorsAsCol ? chartSpec.series ? chartSpec.series.forEach((chartSeries => {
+            const yField = chartSeries.yField;
+            indicatorKeys.push(yField);
+        })) : indicatorKeys.push(chartSpec.yField) : chartSpec.series ? chartSpec.series.forEach((chartSeries => {
+            const xField = chartSeries.xField;
+            indicatorKeys.push(xField);
+        })) : indicatorKeys.push(chartSpec.xField), indicatorKeys) : null;
+    }
+    getDimensionKeyInChartSpec(_col, _row) {
+        const chartSpec = this.getRawChartSpec(_col, _row), dimensionKeys = [];
+        return chartSpec ? (!1 === this.indicatorsAsCol ? dimensionKeys.push(chartSpec.xField) : dimensionKeys.push(chartSpec.yField), 
+        dimensionKeys) : null;
+    }
+    getAxisConfigInPivotChart(col, row) {
+        return getAxisConfigInPivotChart(col, row, this);
+    }
+    getRawChartSpec(col, row) {
+        return getRawChartSpec(col, row, this);
+    }
+    getChartSpec(col, row) {
+        return getChartSpec(col, row, this);
+    }
+    getChartAxes(col, row) {
+        return getChartAxes(col, row, this);
+    }
+    getChartDataId(col, row) {
+        return getChartDataId(col, row, this);
+    }
+    isEmpty(col, row) {
+        return !!this._table.isPivotChart() && (col > this.colCount - this.rightFrozenColCount - 1 || row > this.rowCount - this.bottomFrozenRowCount - 1 || !(!this.hasTwoIndicatorAxes || !this.indicatorsAsCol || row !== this.columnHeaderLevelCount - 1));
+    }
 }
 //# sourceMappingURL=pivot-layout.js.map