sea-chart 1.1.8 → 1.1.9

package/dist/context.js

@@ -4,7 +4,7 @@ import { ChartDataSQL } from './utils';
 import { CHART_TYPE, CHART_TYPE_IMAGE, DEFAULT_MEDIAURL } from './constants';
 class Context {
   constructor() {
-    this.queryChartResult = async _ref => {
+    this.queryChartResult = _ref => {
       let {
         chart,
         tables,

package/dist/utils/chart-utils/base-utils.js

@@ -1,7 +1,7 @@
 var _BaseUtils;
 import shallowEqual from 'shallowequal';
 import dayjs from 'dayjs';
-import { CellType, COLLABORATOR_COLUMN_TYPES, FORMULA_COLUMN_TYPES_MAP, FORMULA_RESULT_TYPE, getDateDisplayString, getNumberDisplayString, getOption, getPrecisionNumber, getTableById, getTableColumnByKey, isNumber, isNumericColumn, isDateColumn, sortText, sortNumber, sortDate, sortSingleSelect, sortFormula, getColumnOptions, DateUtils, getGeolocationDisplayString, getFormulaDisplayString, isArchiveView, getViewById } from 'dtable-utils';
+import { CellType, COLLABORATOR_COLUMN_TYPES, FORMULA_COLUMN_TYPES_MAP, FORMULA_RESULT_TYPE, getDateDisplayString, getNumberDisplayString, getOption, getPrecisionNumber, getTableById, getTableColumnByKey, isNumber, isNumericColumn, isDateColumn, sortText, sortNumber, sortDate, sortSingleSelect, sortFormula, getColumnOptions, DateUtils, getGeolocationDisplayString, getFormulaDisplayString, isArchiveView, getViewById, MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP } from 'dtable-utils';
 import { PIE_CHART_COLORS, CHART_SUMMARY_TYPE, CHART_SUPPORT_SORT_COLUMNS, CHART_TYPE, CHART_STYLE_SETTING_KEYS, DEFAULT_LABEL_FONT_SIZE, DEFAULT_NUMBER_FORMAT_OBJECT, X_AXIS_IS_GROUPBY_COLUMN_KEY_CHART_TYPES, STYLE_COLORS, CHART_DATA_SORT_TYPE, CHART_Y_GROUP_TYPE, HORIZONTAL_BAR_CHART_TYPES, COMPLTETELESS_CHART_TYPES } from '../../constants';
 import { getClientFormulaDisplayString } from '../cell-format-utils';
 import { getKnownCollaboratorByEmail, generateDefaultUser, getUsers } from '../collaborator-utils';
@@ -10,6 +10,21 @@ import ObjectUtils from '../object-utils';
 import intl from '../../intl';
 import context from '../../context';
 import { isValidCollaboratorEmail } from '../collaborator';
+export function findIfColumnDataIsArray(column) {
+  // link-formula may also be an array type column
+  let isGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[column.type];
+  if (column.type === CellType.LINK_FORMULA) {
+    const {
+      array_type,
+      result_type
+    } = column.data || {};
+    // collaborator, creator or last-modifier
+    if (COLLABORATOR_COLUMN_TYPES.includes(array_type) && result_type === 'array') {
+      isGroupbyColumnDataAsAnArray = true;
+    }
+  }
+  return isGroupbyColumnDataAsAnArray;
+}
 class BaseUtils {}
 _BaseUtils = BaseUtils;
 BaseUtils.isCollaborator = column => {
@@ -672,14 +687,15 @@ BaseUtils.updateTableViewList = (result, column, nameKey, colorKey, isScatterCha
   });
 };
 // sort chart
-BaseUtils.sortCharts = (charts, column, sortKey) => {
-  const {
+BaseUtils.sortCharts = (charts, column, sortKey, isPivot) => {
+  let {
     type: columnType,
     data
   } = column;
   const sortType = 'up';
   const optionIdIndexMap = {};
-  if (columnType === CellType.SINGLE_SELECT) {
+  const isPivotMultipleSelect = columnType === CellType.MULTIPLE_SELECT && isPivot;
+  if ([CellType.SINGLE_SELECT].includes(columnType) || isPivotMultipleSelect) {
     const {
       options
     } = data || {};
@@ -687,6 +703,17 @@ BaseUtils.sortCharts = (charts, column, sortKey) => {
       optionIdIndexMap[option.id] = index;
     });
   }
+  const isPivotLinkFormulaSingleAndMultipleSelect = columnType === CellType.LINK_FORMULA && [CellType.SINGLE_SELECT, CellType.MULTIPLE_SELECT].includes(column.data.array_type) && isPivot;
+  if (isPivotLinkFormulaSingleAndMultipleSelect) {
+    var _column$data;
+    let {
+      options
+    } = ((_column$data = column.data) === null || _column$data === void 0 ? void 0 : _column$data.array_data) || {};
+    if (!options) options = [];
+    Array.isArray(options) && options.forEach((option, index) => {
+      optionIdIndexMap[option.id] = index;
+    });
+  }
   charts.sort((currResult, nextResult) => {
     let {
       [sortKey]: current
@@ -701,7 +728,11 @@ BaseUtils.sortCharts = (charts, column, sortKey) => {
       return 1;
     }
     if (CHART_SUPPORT_SORT_COLUMNS.includes(columnType)) {
-      switch (columnType) {
+      let realColumnType = columnType;
+      if (columnType === CellType.LINK_FORMULA) {
+        realColumnType = column.data.array_type;
+      }
+      switch (realColumnType) {
         case CellType.NUMBER:
         case CellType.RATE:
           {
@@ -1666,14 +1697,18 @@ BaseUtils.updateCollaboratorAndMultipleAvg = (pivot_rows, all) => {
   return new_pivot_rows;
 };
 BaseUtils.isCollaboratorColumnOrMultipleColumn = columnMap => {
+  var _groupbyColumn$data;
   const {
     columnGroupbyColumn,
     groupbyColumn
   } = columnMap || {};
-  if (columnGroupbyColumn && groupbyColumn && (columnGroupbyColumn === null || columnGroupbyColumn === void 0 ? void 0 : columnGroupbyColumn.type) === CellType.COLLABORATOR && (groupbyColumn === null || groupbyColumn === void 0 ? void 0 : groupbyColumn.type) === CellType.COLLABORATOR) {
+  if (columnGroupbyColumn && groupbyColumn && (groupbyColumn === null || groupbyColumn === void 0 ? void 0 : groupbyColumn.type) === CellType.COLLABORATOR) {
+    return true;
+  }
+  if (columnGroupbyColumn && groupbyColumn && (groupbyColumn === null || groupbyColumn === void 0 ? void 0 : groupbyColumn.type) === CellType.MULTIPLE_SELECT) {
     return true;
   }
-  if (columnGroupbyColumn && groupbyColumn && (columnGroupbyColumn === null || columnGroupbyColumn === void 0 ? void 0 : columnGroupbyColumn.type) === CellType.MULTIPLE_SELECT && (groupbyColumn === null || groupbyColumn === void 0 ? void 0 : groupbyColumn.type) === CellType.MULTIPLE_SELECT) {
+  if (columnGroupbyColumn && groupbyColumn && (groupbyColumn === null || groupbyColumn === void 0 ? void 0 : groupbyColumn.type) === CellType.LINK_FORMULA && [CellType.MULTIPLE_SELECT, CellType.COLLABORATOR].includes(groupbyColumn === null || groupbyColumn === void 0 ? void 0 : (_groupbyColumn$data = groupbyColumn.data) === null || _groupbyColumn$data === void 0 ? void 0 : _groupbyColumn$data.array_type)) {
     return true;
   }
   return false;

package/dist/utils/chart-utils/index.js

@@ -13,7 +13,7 @@ ChartUtils.calculateChart = (chart, value, callback) => {
   context.queryChartResult({
     chart,
     tables: value.tables,
-    onSuccess: function (res) {
+    onSuccess: async function (res) {
       var _res$data;
       let dataSources = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SQLStatisticsUtils.dataSources;
       const {
@@ -29,7 +29,7 @@ ChartUtils.calculateChart = (chart, value, callback) => {
         OriginalDataUtils.calculateChart(chart, value, callback);
         return;
       }
-      SQLStatisticsUtils.calculateChart(chart, value, callback, (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.results) || []);
+      await SQLStatisticsUtils.calculateChart(chart, value, callback, (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.results) || []);
     },
     onFail: err => {
       let errorMessage = getErrorMessage(err);

package/dist/utils/chart-utils/sql-statistics-utils.js

@@ -1,6 +1,6 @@
 var _SQLStatisticsUtils;
 import dayjs from 'dayjs';
-import { CellType, MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP, getFormulaDisplayString, getPrecisionNumber, getTableById, getTableColumnByKey, isNumber, DateUtils } from 'dtable-utils';
+import { CellType, MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP, getFormulaDisplayString, getPrecisionNumber, getTableById, getTableColumnByKey, isNumber, DateUtils, COLLABORATOR_COLUMN_TYPES } from 'dtable-utils';
 import { isObject } from 'lodash';
 import { cloneDeep } from 'lodash-es';
 import { CHART_SUMMARY_TYPE, CHART_TYPE, SUPPORT_DATA_SORT_CHART_TYPES, TABLE_DIMENSIONS, Y_AXIS_TYPE_PREFIX, STYLE_COLORS, TREND_TYPES } from '../../constants';
@@ -10,11 +10,12 @@ import { column2SqlColumn } from '../sql/column-2-sql-column';
 import { formatNumericValue, getFormattedValue, getSummaryResult } from '../column-utils';
 import { getCompareDate } from '../trend-utils';
 import intl from '../../intl';
-import BaseUtils from './base-utils';
+import { getUsers } from '../collaborator-utils';
+import BaseUtils, { findIfColumnDataIsArray } from './base-utils';
 class SQLStatisticsUtils {}
 _SQLStatisticsUtils = SQLStatisticsUtils;
 SQLStatisticsUtils.dataSources = 'sql_statistics';
-SQLStatisticsUtils.getGroupLabelFromDB = (cellValue, column, chart) => {
+SQLStatisticsUtils.getGroupLabelFromDB = async (cellValue, column, chart, isPivot) => {
   const dateGranularity = BaseUtils.getDateGranularityByType(chart);
   const {
     type,
@@ -72,15 +73,24 @@ SQLStatisticsUtils.getGroupLabelFromDB = (cellValue, column, chart) => {
     case CellType.FORMULA:
     case CellType.LINK_FORMULA:
       {
-        const validValue = getFormulaDisplayString(cellValue, data);
         const {
-          array_type
+          array_type,
+          result_type
         } = data || {};
+        const validValue = getFormulaDisplayString(cellValue, data) || [];
         if (array_type === 'date' && (cellValue === null || cellValue === void 0 ? void 0 : cellValue.length) === 1) {
           if (!dateGranularity) return validValue;
           if (dateGranularity.toUpperCase() === 'QUARTER') return DateUtils.getDateByGranularity(validValue, 'QUARTAR');
           return DateUtils.getDateByGranularity(validValue, dateGranularity);
         }
+
+        // collaborator, creator or last-modifier
+        if (COLLABORATOR_COLUMN_TYPES.includes(array_type) && result_type === 'array' && !isPivot) {
+          const users = await getUsers(validValue);
+          return users.map(user => user.name);
+        } else if (result_type === 'array' && isPivot) {
+          return cellValue;
+        }
         if (!validValue && validValue !== 0) return null;
         return validValue;
       }
@@ -172,10 +182,7 @@ row, isColumnDataAsAnArray, cellValue, _ref2, chartSQLMap, columnMap) => {
   const isCount = summary_type === CHART_SUMMARY_TYPE.COUNT;
   const {
     sqlSummaryColumnKey,
-    summarySQLColumnName2ColumnKey = {},
-    summaryTableColumnKey2Column,
-    summaryTableColumnKey2Method,
-    isSingleNumericColumn
+    summarySQLColumnName2ColumnKey = {}
   } = chartSQLMap;
 
   // single_numeric_column is the first setting in multilpe_numeric_columns
@@ -260,7 +267,6 @@ row, isColumnDataAsAnArray, cellValue, _ref2, chartSQLMap, columnMap) => {
 
   // add a new row
   let cells = {};
-  // let total = BaseUtils.initTotal(summaryMethod);
   let total = 0;
   pivot_columns.forEach(c => {
     let {
@@ -308,20 +314,13 @@ row, isColumnDataAsAnArray, cellValue, _ref2, chartSQLMap, columnMap) => {
     total
   });
 };
-SQLStatisticsUtils.getAndUpdateTwoDimensionTotal = (pivot_columns_total, pivot_columns, pivot_rows,
-//  { summaryMethod, summaryColumn },
-pivot_table_total, chart) => {
-  const {
-    summary_type
-  } = chart.config;
-  const isCount = summary_type === CHART_SUMMARY_TYPE.COUNT;
+SQLStatisticsUtils.getAndUpdateTwoDimensionTotal = (pivot_columns_total, pivot_columns, pivot_rows, pivot_table_total, chart) => {
   pivot_rows.forEach(row => {
     const {
       cells,
       total
     } = row;
     pivot_table_total += total;
-    // pivot_table_total = BaseUtils.getSummaryValue({ summaryMethod, summaryColumn }, pivot_table_total, total);
     pivot_columns.forEach(column => {
       const {
         key
@@ -334,13 +333,12 @@ pivot_table_total, chart) => {
           return acc;
         }, 0) : parseInt(cell.total);
         pivot_columns_total[key] = pivot_column_total + currentCellTotal;
-        // pivot_columns_total[key] = BaseUtils.getSummaryValue({ summaryMethod, summaryColumn }, pivot_column_total, cell.total);
       }
     });
   });
   return [pivot_columns_total, pivot_table_total];
 };
-SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
+SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = async (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
     groupbyColumn
   } = columnMap;
@@ -354,24 +352,35 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
   let pivot_columns = [];
   let pivot_rows = [];
   const isCount = summary_type === CHART_SUMMARY_TYPE.COUNT;
+
+  // handle LINK_FORMULA
+  const isGroupByColumnLinkFormula = groupbyColumn.type === CellType.LINK_FORMULA;
   let newSqlRows = sqlRows;
+  if (isGroupByColumnLinkFormula) {
+    const {
+      array_type
+    } = groupbyColumn.data;
+    if ([CellType.COLLABORATOR, CellType.MULTIPLE_SELECT].includes(array_type)) {
+      newSqlRows = BaseUtils.formatedTableSqlRowsByCollaboratorAndMultiple(chart, sqlRows, chartSQLMap, columnMap);
+    }
+  }
   if ([CellType.COLLABORATOR, CellType.MULTIPLE_SELECT].includes(groupbyColumn.type)) {
     newSqlRows = BaseUtils.formatedTableSqlRowsByCollaboratorAndMultiple(chart, sqlRows, chartSQLMap, columnMap);
   }
   if (isCount) {
     let allTotal = 0;
-    newSqlRows.forEach(row => {
+    for (const row of newSqlRows) {
       const total = row[sqlSummaryColumnKey] || 0;
       allTotal += total;
       pivot_rows.push({
-        name: _SQLStatisticsUtils.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, chart.config),
+        name: await _SQLStatisticsUtils.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, chart.config, true),
         rows: [],
         total: {
           total
         }
       });
-    });
-    BaseUtils.sortCharts(pivot_rows, groupbyColumn, 'name');
+    }
+    BaseUtils.sortCharts(pivot_rows, groupbyColumn, 'name', true);
     return {
       pivot_columns,
       pivot_rows: pivot_rows,
@@ -398,10 +407,11 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
   let allTotal = {
     ...totalTemplate
   };
-  newSqlRows.forEach(row => {
+  for (const row of newSqlRows) {
     let rowTotal = {
       ...totalTemplate
     };
+    // eslint-disable-next-line no-loop-func
     sqlSummaryColumnKeys.forEach(key => {
       let columnKey = summarySQLColumnName2ColumnKey[key];
       let summaryColumn = summaryTableColumnKey2Column[columnKey];
@@ -418,11 +428,11 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
       }
     });
     pivot_rows.push({
-      name: _SQLStatisticsUtils.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, chart.config),
+      name: await _SQLStatisticsUtils.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, chart.config, true),
       rows: [row],
       total: rowTotal
     });
-  });
+  }
   if (pivot_columns.length < 2) {
     const pivot_column = pivot_columns[0];
     const {
@@ -439,7 +449,7 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
       total: allTotal[key]
     };
   }
-  BaseUtils.sortCharts(pivot_rows, groupbyColumn, 'name');
+  BaseUtils.sortCharts(pivot_rows, groupbyColumn, 'name', true);
   return {
     pivot_columns,
     pivot_rows,
@@ -447,7 +457,7 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
     dimensions: TABLE_DIMENSIONS.ONE
   };
 };
-SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
+SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = async (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
     groupbyColumn,
     columnGroupbyColumn,
@@ -469,9 +479,34 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
     isSingleNumericColumn
   } = chartSQLMap;
   if (!sqlColumnGroupbyColumnKey) return _SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
-  // const summaryMethod = (summary_method || 'sum').toUpperCase();
-
   let newSqlRows = sqlRows;
+
+  // handle LINK_FORMULA
+  const isGroupByColumnLinkFormula = groupbyColumn.type === CellType.LINK_FORMULA;
+  const isColumnGroupByColumnLinkFormula = columnGroupbyColumn.type === CellType.LINK_FORMULA;
+  let isRowGroupbyColumnDataAsAnArray, isGroupbyColumnDataAsAnArray;
+
+  // Group by column
+  if (isGroupByColumnLinkFormula) {
+    isGroupbyColumnDataAsAnArray = true;
+  } else {
+    isGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[groupbyColumn.type];
+  }
+
+  // column group by column
+  if (isColumnGroupByColumnLinkFormula) {
+    isRowGroupbyColumnDataAsAnArray = true;
+  } else {
+    isRowGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[columnGroupbyColumn.type];
+  }
+  if (isGroupByColumnLinkFormula) {
+    const {
+      array_type
+    } = groupbyColumn.data;
+    if ([CellType.COLLABORATOR, CellType.MULTIPLE_SELECT].includes(array_type)) {
+      newSqlRows = BaseUtils.formatedTableSqlRowsByCollaboratorAndMultiple(chart, sqlRows, chartSQLMap, columnMap);
+    }
+  }
   if ([CellType.COLLABORATOR, CellType.MULTIPLE_SELECT].includes(groupbyColumn.type)) {
     newSqlRows = BaseUtils.formatedTableSqlRowsByCollaboratorAndMultiple(chart, sqlRows, chartSQLMap, columnMap);
   }
@@ -480,21 +515,16 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
   let pivot_columns_total = {};
   // let pivot_table_total = BaseUtils.initTotal(summaryMethod);
   let pivot_table_total = 0;
-  const isRowGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[columnGroupbyColumn.type];
-  newSqlRows.forEach(row => {
-    const groupbyColumnCellValue = row[sqlGroupbyColumnKey];
-    let groupbyColumnCellValueKey;
-    if (BaseUtils.isCollaborator(groupbyColumn)) {
-      groupbyColumnCellValueKey = groupbyColumnCellValue || [];
-    } else {
-      groupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, chart.config);
-    }
+  // const isRowGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[columnGroupbyColumn.type];
+
+  // update pivot_columns
+  for (const row of newSqlRows) {
     const columnGroupbyColumnCellValue = row[sqlColumnGroupbyColumnKey];
     let columnGroupbyColumnCellValueKey;
     if (BaseUtils.isCollaborator(columnGroupbyColumn)) {
       columnGroupbyColumnCellValueKey = columnGroupbyColumnCellValue || [];
     } else {
-      columnGroupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, chart.config);
+      columnGroupbyColumnCellValueKey = await _SQLStatisticsUtils.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, chart.config, true);
     }
     if (BaseUtils.isValidCellValue(columnGroupbyColumnCellValue, groupby_include_empty_cells)) {
       _SQLStatisticsUtils.updateTwoDimensionColumns(pivot_columns, columnGroupbyColumnCellValueKey, {
@@ -502,24 +532,37 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
         isCellValueAsAnArray: isRowGroupbyColumnDataAsAnArray
       }, columnGroupbyColumn);
     }
+  }
+  for (const row of newSqlRows) {
+    const groupbyColumnCellValue = row[sqlGroupbyColumnKey];
+    let groupbyColumnCellValueKey;
+    if (BaseUtils.isCollaborator(groupbyColumn)) {
+      groupbyColumnCellValueKey = groupbyColumnCellValue || [];
+    } else {
+      groupbyColumnCellValueKey = await _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, chart.config, true);
+    }
+    const columnGroupbyColumnCellValue = row[sqlColumnGroupbyColumnKey];
+    let columnGroupbyColumnCellValueKey;
+    if (BaseUtils.isCollaborator(columnGroupbyColumn)) {
+      columnGroupbyColumnCellValueKey = columnGroupbyColumnCellValue || [];
+    } else {
+      columnGroupbyColumnCellValueKey = await _SQLStatisticsUtils.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, chart.config, true);
+    }
     if (BaseUtils.isValidCellValue(groupbyColumnCellValue, groupby_include_empty_cells)) {
-      if (MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[groupbyColumn.type]) {
+      if (isGroupbyColumnDataAsAnArray) {
         if ((!Array.isArray(groupbyColumnCellValueKey) || groupbyColumnCellValueKey.length === 0) && groupby_include_empty_cells) {
           let pivotRowIndex = pivot_rows.findIndex(r => !r.name);
           _SQLStatisticsUtils.updateTwoDimensionRows(chart, pivot_rows, pivot_columns, pivotRowIndex,
           // groupby’s value is null
-          null,
-          // count,
-          row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
+          null, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
             singleNumeriColumnWithMethod,
             multipleNumericColumnsWithMethod
           }, chartSQLMap, columnMap);
         } else {
+          // eslint-disable-next-line no-loop-func
           groupbyColumnCellValueKey.forEach(n => {
             let pivotRowIndex = pivot_rows.findIndex(r => n === r.name);
-            _SQLStatisticsUtils.updateTwoDimensionRows(chart, pivot_rows, pivot_columns, pivotRowIndex, n,
-            // count,
-            row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
+            _SQLStatisticsUtils.updateTwoDimensionRows(chart, pivot_rows, pivot_columns, pivotRowIndex, n, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
               singleNumeriColumnWithMethod,
               multipleNumericColumnsWithMethod
             }, chartSQLMap, columnMap);
@@ -538,7 +581,7 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
         }, chartSQLMap, columnMap);
       }
     }
-  });
+  }
 
   // update Collaborator and Multiple mean value
   if (BaseUtils.isCollaboratorColumnOrMultipleColumn(columnMap)) {
@@ -548,8 +591,8 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
   [pivot_columns_total, pivot_table_total] = _SQLStatisticsUtils.getAndUpdateTwoDimensionTotal(pivot_columns_total, pivot_columns, pivot_rows,
   // { summaryMethod, summaryColumn }
   pivot_table_total, chart);
-  BaseUtils.sortCharts(pivot_rows, groupbyColumn, 'name');
-  BaseUtils.sortCharts(pivot_columns, columnGroupbyColumn, 'key');
+  BaseUtils.sortCharts(pivot_rows, groupbyColumn, 'name', true);
+  BaseUtils.sortCharts(pivot_columns, columnGroupbyColumn, 'key', true);
   if ((groupbyColumn === null || groupbyColumn === void 0 ? void 0 : groupbyColumn.type) === CellType.COLLABORATOR) {
     pivot_rows = BaseUtils.mergePivotTableSameCollaborator(pivot_rows);
   }
@@ -564,7 +607,7 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
     isSingleNumericColumn
   };
 };
-SQLStatisticsUtils.basicChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap) => {
+SQLStatisticsUtils.basicChartSQLResult2JavaScript = async (chart, sqlRows, chartSQLMap, columnMap) => {
   const {
     config
   } = chart;
@@ -578,13 +621,13 @@ SQLStatisticsUtils.basicChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap
   const {
     groupbyColumn
   } = columnMap;
-  const isGroupbyColumnDataAsAnArray = MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[groupbyColumn.type];
+  const isGroupbyColumnDataAsAnArray = findIfColumnDataIsArray(groupbyColumn);
   const {
     sqlGroupbyColumnKey,
     sqlSummaryColumnKey
   } = chartSQLMap;
   let result = [];
-  sqlRows.forEach(row => {
+  for (const row of sqlRows) {
     const cellValue = row[sqlGroupbyColumnKey];
     const summaryValue = row[sqlSummaryColumnKey];
     let formatted_value = cellValue;
@@ -592,7 +635,7 @@ SQLStatisticsUtils.basicChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap
       formatted_value = getFormattedValue(cellValue, y_axis_summary_column_key, y_axis_summary_method);
     }
     if (BaseUtils.isValidCellValue(cellValue)) {
-      const key = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, chart.config);
+      const key = await _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, chart.config);
       if (isGroupbyColumnDataAsAnArray) {
         if (!Array.isArray(key) || key.length === 0) {
           let itemIdx = result.findIndex(v => v.name === null);
@@ -647,7 +690,7 @@ SQLStatisticsUtils.basicChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap
         }
       }
     }
-  });
+  }
   BaseUtils.sortCharts(result, groupbyColumn, 'name');
   BaseUtils.updateTableViewList(result, groupbyColumn, 'name', 'color');
   if (SUPPORT_DATA_SORT_CHART_TYPES.includes(type) && sort_type) {
@@ -664,7 +707,7 @@ SQLStatisticsUtils.basicNumberCardSQLResult2JavaScript = (chart, sqlRows, chartS
   }
   return 0;
 };
-SQLStatisticsUtils.customChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables, _ref3) => {
+SQLStatisticsUtils.customChartSQLResult2JavaScript = async (chart, sqlRows, chartSQLMap, columnMap, tables, _ref3) => {
   let {
     index
   } = _ref3;
@@ -704,9 +747,9 @@ SQLStatisticsUtils.customChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMa
     geolocationGranularity: x_axis_geolocation_granularity
   });
   let result = [];
-  sqlRows.forEach(row => {
+  for (const row of sqlRows) {
     const cellValue = row[sqlGroupbyColumnKey];
-    const label = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, chart.config);
+    const label = await _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, chart.config);
     const isEmpty = !label;
     const groupItems = [];
     summaryMethods.forEach((summaryMethod, index) => {
@@ -725,8 +768,8 @@ SQLStatisticsUtils.customChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMa
       });
     });
     result = result.concat(groupItems);
-  });
-  const isCellValueAsAnArray = MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[groupbyColumn.type];
+  }
+  const isCellValueAsAnArray = findIfColumnDataIsArray(groupbyColumn);
   if (isCellValueAsAnArray) {
     const takenApart = [];
     const assembled = [];
@@ -765,7 +808,7 @@ SQLStatisticsUtils.customChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMa
   BaseUtils.updateTableViewList(result, groupbyColumn, 'name', '');
   return result;
 };
-SQLStatisticsUtils.compareSQLResult2Javascript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
+SQLStatisticsUtils.compareSQLResult2Javascript = async (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
     groupbyColumn,
     summaryColumn
@@ -791,9 +834,9 @@ SQLStatisticsUtils.compareSQLResult2Javascript = (chart, sqlRows, chartSQLMap, c
   const dateRangeResult = new Map();
   let dateComparedResult = new Map();
   const isAdvanced = y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED;
-  sqlRows.forEach(item => {
+  for (const item of sqlRows) {
     const name = item[sqlGroupbyColumnKey];
-    const label = _SQLStatisticsUtils.getGroupLabelFromDB(name, groupbyColumn, chart.config);
+    const label = await _SQLStatisticsUtils.getGroupLabelFromDB(name, groupbyColumn, chart.config);
     const value = item[sqlSummaryColumnKey];
     if (name >= x_axis_date_range_start && name <= x_axis_date_range_end) {
       const currentValue = dateRangeResult.get(label);
@@ -826,7 +869,7 @@ SQLStatisticsUtils.compareSQLResult2Javascript = (chart, sqlRows, chartSQLMap, c
         }
       }
     }
-  });
+  }
   let comparedResult = [];
   let rangeResult = [];
   const data = (summaryColumn === null || summaryColumn === void 0 ? void 0 : summaryColumn.data) || {};
@@ -880,7 +923,7 @@ SQLStatisticsUtils.compareSQLResult2Javascript = (chart, sqlRows, chartSQLMap, c
   }
   return [...comparedResult, ...rangeResult];
 };
-SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
+SQLStatisticsUtils.combinationSQLResult2Javascript = async (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
     config
   } = chart;
@@ -900,11 +943,10 @@ SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMa
   } = columnMap;
   const {
     sqlGroupbyColumnKey,
-    sqlSummaryColumnKey,
     sqlRightSummaryColumnKey,
     sqlLeftSummaryColumnKey
   } = chartSQLMap;
-  const isGroupbyColumnDataAsAnArray = MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[groupbyColumn.type];
+  const isGroupbyColumnDataAsAnArray = findIfColumnDataIsArray(groupbyColumn);
   let result = [];
   if (!y_axis_left_group_by_multiple_numeric_column) {
     let leftSummaryColumn, rightSummaryColumn;
@@ -914,10 +956,9 @@ SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMa
     if (y_axis_right_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
       rightSummaryColumn = getTableColumnByKey(table, y_axis_right_summary_column);
     }
-    sqlRows.forEach((row, index) => {
+    for (const [index, row] of sqlRows.entries()) {
       const cellValue = row[sqlGroupbyColumnKey];
-      const summaryValue = row[sqlSummaryColumnKey];
-      const key = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, chart.config);
+      const key = await _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, chart.config);
       let valueLeft = row[sqlLeftSummaryColumnKey] || 0;
       let valueRight = row[sqlRightSummaryColumnKey] || 0;
       if (y_axis_left_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
@@ -980,7 +1021,7 @@ SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMa
           itemRow.value_right = itemRow.value_right + valueRight;
         }
       }
-    });
+    }
   } else {
     let rightSummaryColumn;
     if (y_axis_right_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
@@ -1017,9 +1058,9 @@ SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMa
         }
       }
     });
-    sqlRows.forEach((item, index) => {
+    for (const item of sqlRows) {
       const cellValue = item[sqlGroupbyColumnKey];
-      const key = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, chart.config);
+      const key = await _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, chart.config);
       let valueRight = item[sqlRightSummaryColumnKey] || 0;
       if (y_axis_right_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
         valueRight = BaseUtils.getPrecisionNumber(valueRight, rightSummaryColumn.data);
@@ -1072,7 +1113,7 @@ SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMa
           });
         });
       }
-    });
+    }
   }
   BaseUtils.updateTableViewList(result, groupbyColumn, 'name', '');
   BaseUtils.sortCharts(result, groupbyColumn, 'name');
@@ -1141,7 +1182,7 @@ SQLStatisticsUtils.updateGroupingChartRows = (results, name, row, count, isColum
   }
   _SQLStatisticsUtils.updateGroupingChartRow(results, name, groupName, row, count);
 };
-SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
+SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript = async (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
     groupbyColumn,
     columnGroupbyColumn
@@ -1155,14 +1196,14 @@ SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript = (chart, sqlRo
     sqlSummaryColumnKey
   } = chartSQLMap;
   let result = [];
-  const isGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[groupbyColumn.type];
-  const isColumnGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[columnGroupbyColumn.type];
-  sqlRows.forEach(row => {
+  const isGroupbyColumnDataAsAnArray = findIfColumnDataIsArray(groupbyColumn);
+  const isColumnGroupbyColumnDataAsAnArray = findIfColumnDataIsArray(columnGroupbyColumn.type);
+  for (const row of sqlRows) {
     const groupbyColumnCellValue = row[sqlGroupbyColumnKey];
-    const groupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, chart.config);
+    const groupbyColumnCellValueKey = await _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, chart.config);
     if (BaseUtils.isValidCellValue(groupbyColumnCellValueKey, includeEmpty)) {
       const columnGroupbyColumnCellValue = row[sqlColumnGroupbyColumnKey];
-      const columnGroupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, chart.config);
+      const columnGroupbyColumnCellValueKey = await _SQLStatisticsUtils.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, chart.config);
       const count = row[sqlSummaryColumnKey];
       if (isGroupbyColumnDataAsAnArray) {
         if (!Array.isArray(groupbyColumnCellValueKey) || groupbyColumnCellValueKey.length === 0) {
@@ -1176,13 +1217,13 @@ SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript = (chart, sqlRo
         _SQLStatisticsUtils.updateGroupingChartRows(result, groupbyColumnCellValueKey, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
       }
     }
-  });
+  }
   BaseUtils.sortCharts(result, groupbyColumn, 'name');
   BaseUtils.updateTableViewList(result, groupbyColumn, 'name', 'color');
   BaseUtils.updateTableViewList(result, columnGroupbyColumn, 'group_name', 'group_color');
   return result;
 };
-SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
+SQLStatisticsUtils.groupingChartSQLResult2JavaScript = async (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
     column_groupby_column_key,
     column_groupby_multiple_numeric_column,
@@ -1190,15 +1231,15 @@ SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
     x_axis_include_empty_cells: includeEmpty
   } = chart.config;
   if (!column_groupby_column_key && !column_groupby_multiple_numeric_column) {
-    return _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    return await _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   const {
     groupbyColumn,
     columnGroupbyColumn
   } = columnMap;
   if (y_axis_summary_type === CHART_SUMMARY_TYPE.COUNT) {
-    if (!columnGroupbyColumn) return _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
-    return _SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    if (!columnGroupbyColumn) return await _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    return await _SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   const {
     sqlGroupbyColumnKey
@@ -1208,10 +1249,10 @@ SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
       summaryColumns
     } = chartSQLMap;
     let result = [];
-    const isGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[groupbyColumn.type];
-    sqlRows.forEach(row => {
+    const isGroupbyColumnDataAsAnArray = findIfColumnDataIsArray(groupbyColumn);
+    for (const row of sqlRows) {
       const groupbyColumnCellValue = row[sqlGroupbyColumnKey];
-      const groupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, chart.config);
+      const groupbyColumnCellValueKey = await _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, chart.config);
       if (BaseUtils.isValidCellValue(groupbyColumnCellValueKey, includeEmpty)) {
         Object.keys(summaryColumns).forEach(sqlSummaryColumnName => {
           const {
@@ -1232,15 +1273,15 @@ SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
           }
         });
       }
-    });
+    }
     BaseUtils.sortCharts(result, groupbyColumn, 'name');
     BaseUtils.updateTableViewList(result, groupbyColumn, 'name', 'color');
     return result;
   }
   if (!columnGroupbyColumn) {
-    return _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    return await _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
-  return _SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+  return await _SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
 };
 SQLStatisticsUtils.heatMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
@@ -1251,7 +1292,7 @@ SQLStatisticsUtils.heatMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQLM
     sqlSummaryColumnKey
   } = chartSQLMap;
   let result = [];
-  sqlRows.forEach(item => {
+  for (const item of sqlRows) {
     const currentValue = item[sqlGroupbyColumnKey];
     if (currentValue || currentValue === 0) {
       let value = item[sqlSummaryColumnKey];
@@ -1264,7 +1305,7 @@ SQLStatisticsUtils.heatMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQLM
         value
       });
     }
-  });
+  }
   let data = [];
   let years = [];
   result.forEach(item => {
@@ -1291,7 +1332,7 @@ SQLStatisticsUtils.heatMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQLM
     years
   };
 };
-SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
+SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript = async (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
     config
   } = chart;
@@ -1316,8 +1357,8 @@ SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQ
   if (groupData.length > 0) {
     const groupData0 = groupData[0] || {};
     const groupData1 = groupData[1] || {};
-    sqlRows.forEach(item => {
-      const label = _SQLStatisticsUtils.getGroupLabelFromDB(item[column_key], groupbyColumn, chart.config);
+    for (const item of sqlRows) {
+      const label = await _SQLStatisticsUtils.getGroupLabelFromDB(item[column_key], groupbyColumn, chart.config);
       const groupValue = item[group_column_key];
       const equal2GroupData0 = groupData0.id === groupValue;
       const equal2GroupData1 = groupData1.id === groupValue;
@@ -1344,7 +1385,7 @@ SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQ
           color: groupData[1].color
         });
       }
-    });
+    }
   }
   return {
     data: newResult,
@@ -1427,7 +1468,7 @@ SQLStatisticsUtils.trendMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
     type
   };
 };
-SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables, params) => {
+SQLStatisticsUtils.sqlResult2JavaScript = async (chart, sqlRows, chartSQLMap, columnMap, tables, params) => {
   const {
     type
   } = chart.config;
@@ -1441,11 +1482,11 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
         let result;
         if (!column_groupby_column_key) {
           result = {
-            result: _SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+            result: await _SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
           };
         } else {
           result = {
-            result: _SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+            result: await _SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
           };
         }
         return result;
@@ -1455,7 +1496,7 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.TREE_MAP:
       {
         return {
-          result: _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: await _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BASIC_NUMBER_CARD:
@@ -1477,7 +1518,7 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.FUNNEL:
       {
         return {
-          result: _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: await _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.COMPLETENESS:
@@ -1491,13 +1532,13 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.COMBINATION:
       {
         return {
-          result: _SQLStatisticsUtils.combinationSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: await _SQLStatisticsUtils.combinationSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.COMPARE_BAR:
       {
         return {
-          result: _SQLStatisticsUtils.compareSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: await _SQLStatisticsUtils.compareSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BAR_GROUP:
@@ -1508,7 +1549,7 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.STACKED_HORIZONTAL_BAR:
       {
         return {
-          result: _SQLStatisticsUtils.groupingChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: await _SQLStatisticsUtils.groupingChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.SCATTER:
@@ -1520,7 +1561,7 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.BAR_CUSTOM:
       {
         return {
-          result: _SQLStatisticsUtils.customChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables, params)
+          result: await _SQLStatisticsUtils.customChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables, params)
         };
       }
     case CHART_TYPE.MAP:
@@ -1546,7 +1587,7 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.MIRROR:
       {
         return {
-          result: _SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: await _SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.TREND:
@@ -1760,7 +1801,7 @@ SQLStatisticsUtils.worldMapSQLResult2JavaScript = (chart, sqlRows, chartSQLMap,
   });
   return result;
 };
-SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
+SQLStatisticsUtils.calculateChart = async (chart, value, callback, sqlRows) => {
   const {
     tables
   } = value;
@@ -1810,14 +1851,14 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
   // Custom Bar
   if (chartType === CHART_TYPE.BAR_CUSTOM) {
     const result = [];
-    sqlRows.forEach((item, index) => {
+    for (const [index, item] of sqlRows.entries()) {
       if (item.length !== 0) {
-        const chartResult = _SQLStatisticsUtils.sqlResult2JavaScript(newChart, item, chartSQLMap, columnMap, tables, {
+        const chartResult = await _SQLStatisticsUtils.sqlResult2JavaScript(newChart, item, chartSQLMap, columnMap, tables, {
           index
         });
         result.push(...chartResult.result);
       }
-    });
+    }
     if (result.length === 0) {
       callback && callback('', tipMessage, null);
       return;
@@ -1839,7 +1880,7 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
     callback && callback('', tipMessage, null);
     return;
   }
-  const chartResult = _SQLStatisticsUtils.sqlResult2JavaScript(newChart, sqlRows, chartSQLMap, columnMap, tables);
+  const chartResult = await _SQLStatisticsUtils.sqlResult2JavaScript(newChart, sqlRows, chartSQLMap, columnMap, tables);
 
   // map is special
   if (BaseUtils.imEmptyChartResult(chartResult) && !chartType.includes('map')) {

package/dist/utils/collaborator-utils.js

@@ -58,10 +58,10 @@ export function updateKnownUsers(emailUserMap) {
     });
   });
 }
-export function getUsers(emails, cb) {
+export async function getUsers(emails, cb) {
   if (!emails) {
-    cb([]);
-    return;
+    if (cb) cb([]);
+    return Promise.resolve([]);
   }
   if (!Array.isArray(emails)) {
     emails = [emails];
@@ -71,17 +71,18 @@ export function getUsers(emails, cb) {
   // if no need to fetch
   if (unFetchedUsers.length === 0) {
     const result = getKnownCollaboratorsByEmails(emails);
-    cb(result);
-    return;
+    if (cb) cb(result);
+    return Promise.resolve(result);
   }
-
-  // if any user not fetched, fetch them
-  context.queryUsers(unFetchedUsers, emailUserMap => {
-    // add them to cache
-    updateKnownUsers(emailUserMap);
-    // now we can get all users
-    const result = getKnownCollaboratorsByEmails(emails);
-    cb(result);
+  return new Promise((resolve, reject) => {
+    context.queryUsers(unFetchedUsers, emailUserMap => {
+      // add them to cache
+      updateKnownUsers(emailUserMap);
+      // now we can get all users
+      const result = getKnownCollaboratorsByEmails(emails);
+      if (cb) cb(result);
+      resolve(result);
+    });
   });
 }
 export const generateDefaultUser = name => {

package/dist/view/wrapper/table/pivot-table-display-name.js

@@ -122,7 +122,13 @@ class PivotTableDisplayName extends React.Component {
       switch (type) {
         case CellType.SINGLE_SELECT:
           {
-            const options = getColumnOptions(column);
+            let options;
+            // column type is LINK_FORMULA, but we need to use single selector formatter here
+            if (column.type === CellType.LINK_FORMULA) {
+              options = column.data.array_data.options;
+            } else {
+              options = getColumnOptions(column);
+            }
             let option = getOption(options, value) || {};
             if (Object.keys(option).length === 0) {
               option = options.find(item => item.name === value) || {};
@@ -141,8 +147,14 @@ class PivotTableDisplayName extends React.Component {
               original_key
             } = rowData;
             const newValue = original_name || name || original_key;
-            const options = getColumnOptions(column);
-            const validValue = Array.isArray(newValue) && newValue.length !== 0 ? newValue : [newValue];
+            let options, validValue;
+            if (column.type === CellType.LINK_FORMULA) {
+              options = column.data.array_data.options;
+              validValue = Array.isArray(newValue) && newValue.length !== 0 ? newValue : [newValue];
+            } else {
+              options = getColumnOptions(column);
+              validValue = Array.isArray(newValue) && newValue.length !== 0 ? newValue : [newValue];
+            }
             displayName = /*#__PURE__*/React.createElement("div", {
               className: "pivot-table-display-name-row"
             }, validValue.map(item => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "main": "./dist/index.js",
   "dependencies": {
     "@antv/data-set": "0.11.8",