dtable-statistic 4.0.6 → 4.0.8

package/es/desktop-dashboard.js

@@ -6,15 +6,13 @@ import React, { Component } from 'react';
 import classnames from 'classnames';
 import { UncontrolledTooltip } from 'reactstrap';
 import intl from 'react-intl-universal';
-import { Views } from 'dtable-store';
-import dtableDbAPI from './api/dtable-db-api';
 import Tabs from './tabs';
 import StatList from './stat-list';
 import ColorThemeDialog from './components/dialog/color-theme-dialog';
 import ChartAdditionEditDialog from './components/dialog/chart-addition-edit-dialog';
 import StatisticRecordDialog from './components/dialog/statistic-record-dialog';
 import ChartService from './service/chart-service';
-import { getSqlString } from './utils/sql-utils';
+import { THEME_NAME_MAP } from './constants';
 import logo from './assets/images/icon.png';
 var KEY_LOCAL_THEME_MODE = 'statistics-theme-mode';
 var DesktopDashboard = /*#__PURE__*/function (_Component) {
@@ -41,7 +39,7 @@ var DesktopDashboard = /*#__PURE__*/function (_Component) {
       });
     };
     _this.toggleThemeMode = function () {
-      var theme = _this.state.theme === 'dark' ? 'light' : 'dark';
+      var theme = _this.state.theme === THEME_NAME_MAP.DARK ? THEME_NAME_MAP.LIGHT : THEME_NAME_MAP.DARK;
       _this.setState({
         theme: theme
       }, function () {
@@ -93,47 +91,17 @@ var DesktopDashboard = /*#__PURE__*/function (_Component) {
         _this.setState({
           chartRecordsParams: null
         });
-        return;
-      }
-      var statisticRecords = statisticRecord.rows;
-      if (!Array.isArray(statisticRecords) || statisticRecords.length === 0) return;
-      var getTableById = _this.props.getTableById;
-      var table_id = chart.table_id,
-        view_id = chart.view_id;
-      var table = getTableById(table_id);
-      var view = Views.getViewById(table.views, view_id);
-      var isArchiveView = Views.isArchiveView(view);
-      var chartRecordsParams = {
-        isLoading: true,
-        currentDate: statisticRecord.name,
-        chart: chart
-      };
-      _this.setState({
-        chartRecordsParams: chartRecordsParams
-      }, function () {
-        if (isArchiveView || !statisticRecords) {
-          var sqlString = getSqlString(chart, statisticRecord, {
+      } else {
+        _this.setState({
+          chartRecordsParams: {
+            statisticRecord: statisticRecord,
+            chart: chart,
             isColumn: isColumn,
             isCurrentView: isCurrentView,
-            isRow: isRow,
-            getTableById: getTableById
-          });
-          dtableDbAPI.sqlQuery(sqlString).then(function (res) {
-            var rows = res.data.results;
-            chartRecordsParams.rows = rows;
-            chartRecordsParams.isLoading = false;
-            _this.setState({
-              chartRecordsParams: chartRecordsParams
-            });
-          });
-          return;
-        }
-        chartRecordsParams.rows = statisticRecord.rows;
-        chartRecordsParams.isLoading = false;
-        _this.setState({
-          chartRecordsParams: chartRecordsParams
+            isRow: isRow
+          }
         });
-      });
+      }
     };
     _this.generateChart = function (chartType) {
       var _this$props2 = _this.props,
@@ -169,7 +137,7 @@ var DesktopDashboard = /*#__PURE__*/function (_Component) {
       var _this$props3 = this.props,
         getTableById = _this$props3.getTableById,
         isTableReadOnly = _this$props3.isTableReadOnly,
-        refresh = _this$props3.refresh,
+        dtableChangedTime = _this$props3.dtableChangedTime,
         colorThemeName = _this$props3.colorThemeName,
         statistics = _this$props3.statistics,
         selectedDashboardIdx = _this$props3.selectedDashboardIdx,
@@ -181,7 +149,7 @@ var DesktopDashboard = /*#__PURE__*/function (_Component) {
         isFullScreen = _this$state.isFullScreen,
         editingChart = _this$state.editingChart,
         chartRecordsParams = _this$state.chartRecordsParams;
-      var darkMode = theme === 'dark';
+      var darkMode = theme === THEME_NAME_MAP.DARK;
       var statistic = statistics[selectedDashboardIdx];
       var _ref2 = statistic || {},
         statItems = _ref2.stat_items;
@@ -213,19 +181,19 @@ var DesktopDashboard = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement("div", {
         className: "statistic-header-operators d-flex align-items-center"
       }, !isTableReadOnly && /*#__PURE__*/React.createElement("button", {
-        className: "btn btn-secondary op-item add-stat mr-4",
+        className: "btn btn-secondary op-item add-stat",
         onClick: this.onToggleChartAddition
       }, /*#__PURE__*/React.createElement("i", {
         className: "op-item-icon add-chart-icon dtable-font dtable-icon-add-table"
       }), /*#__PURE__*/React.createElement("span", {
         className: "add-new-option"
       }, intl.get('New_chart'))), /*#__PURE__*/React.createElement("div", {
-        className: "op-item op-item-icon-wrapper mr-4",
+        className: "op-item op-item-icon-wrapper",
         onClick: this.onToggleColorThemeDialog
       }, /*#__PURE__*/React.createElement("span", {
         className: "op-item-icon dtable-font dtable-icon-set-up"
       })), /*#__PURE__*/React.createElement("div", {
-        className: "op-item op-item-icon-wrapper mr-4",
+        className: "op-item op-item-icon-wrapper",
         id: "btn-statistic-full-screen",
         onClick: this.onToggleFullScreen
       }, /*#__PURE__*/React.createElement("span", {
@@ -234,10 +202,10 @@ var DesktopDashboard = /*#__PURE__*/function (_Component) {
         placement: "bottom",
         target: "btn-statistic-full-screen"
       }, isFullScreen ? intl.get('Cancel_full_screen') : intl.get('Full_screen'))), /*#__PURE__*/React.createElement("div", {
-        className: "op-item op-item-icon-wrapper mr-4",
+        className: "op-item op-item-icon-wrapper",
         id: "btn-statistic-theme-setting"
       }, /*#__PURE__*/React.createElement("span", {
-        className: "op-item-icon dtable-font ".concat(theme === 'dark' ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'),
+        className: "op-item-icon dtable-font ".concat(theme === THEME_NAME_MAP.DARK ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'),
         onClick: this.toggleThemeMode
       }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
         placement: "bottom",
@@ -247,12 +215,12 @@ var DesktopDashboard = /*#__PURE__*/function (_Component) {
         className: "op-item op-item-icon-wrapper"
       }, /*#__PURE__*/React.createElement("span", {
         title: intl.get('Close'),
-        className: "op-item-icon dtable-font dtable-icon-fork-number"
+        className: "op-item-icon btn-close dtable-font dtable-icon-x"
       })))), /*#__PURE__*/React.createElement("main", {
         className: "statistic-main"
       }, /*#__PURE__*/React.createElement(StatList, {
         isTableReadOnly: isTableReadOnly,
-        refresh: refresh,
+        dtableChangedTime: dtableChangedTime,
         theme: theme,
         colorThemeName: colorThemeName,
         statItems: statItems,
@@ -285,11 +253,8 @@ var DesktopDashboard = /*#__PURE__*/function (_Component) {
         colorThemeName: colorThemeName,
         onToggleColorThemeDialog: this.onToggleColorThemeDialog,
         modifyColorTheme: this.props.modifyColorTheme
-      }), !!this.state.chartRecordsParams && /*#__PURE__*/React.createElement(StatisticRecordDialog, {
-        isLoading: chartRecordsParams.isLoading,
-        rows: chartRecordsParams.rows,
-        statistic: chartRecordsParams.chart,
-        currentDate: chartRecordsParams.currentDate,
+      }), !!chartRecordsParams && /*#__PURE__*/React.createElement(StatisticRecordDialog, {
+        chartRecordsParams: chartRecordsParams,
         getTableById: getTableById,
         toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
       }));

package/es/index.js

@@ -7,10 +7,42 @@ var Statistic = /*#__PURE__*/function () {
     _classCallCheck(this, Statistic);
   }
   _createClass(Statistic, null, [{
+    key: "getInitProps",
+    value: function getInitProps() {
+      if (!window || !window.app) {
+        return null;
+      }
+      var _window$app = window.app,
+        state = _window$app.state,
+        dtableStore = _window$app.dtableStore;
+      var value = state.value,
+        selectedTableIdx = state.selectedTableIdx,
+        selectedViewId = state.selectedViewId;
+      return {
+        value: value,
+        eventBus: dtableStore.eventBus,
+        activeTableIdx: selectedTableIdx,
+        activeViewId: selectedViewId,
+        updateStatistics: this.updateStatistics.bind(this, dtableStore),
+        deletePluginSettings: this.deletePluginSettings.bind(this, dtableStore)
+      };
+    }
+  }, {
+    key: "updateStatistics",
+    value: function updateStatistics(dtableStore, statistics) {
+      dtableStore.updateStatisticsList(statistics);
+    }
+  }, {
+    key: "deletePluginSettings",
+    value: function deletePluginSettings(dtableStore, plugin_name) {
+      dtableStore.deletePluginSettings(plugin_name);
+    }
+  }, {
     key: "mount",
     value: function mount(props) {
-      if (!window.app) return;
-      window.app.mountWidget( /*#__PURE__*/React.createElement(DashBoard, props));
+      var customProps = this.getInitProps();
+      if (!customProps) return;
+      window.app.mountWidget( /*#__PURE__*/React.createElement(DashBoard, Object.assign({}, props, customProps)));
     }
   }, {
     key: "unmount",

package/es/locale/lang/de.js

@@ -51,7 +51,7 @@ var de = {
   'Untitled': 'Ohne Titel',
   'Settings': 'Einstellungen',
   'Table': 'Tabelle',
-  'Views': 'Views',
+  'Views': 'Ansichten',
   'Display_title': 'Anzeigetitel',
   'X-axis': 'X-Achse',
   'Y-axis': 'Y-Achse',
@@ -138,6 +138,8 @@ var de = {
   'Oct': 'Okt',
   'Nov': 'Nov',
   'Dec': 'Dez',
+  'Enter_date': 'Enter date',
+  'Please_select': 'Please select',
   'Total': 'Gesamt',
   'Amount': 'Menge',
   'Empty': 'Leer',
@@ -233,7 +235,9 @@ var de = {
   'Line_color': 'Linienfarbe',
   'Stack': 'Stapel',
   'Add_new_stack': 'Neuen Stapel hinzufügen',
-  'Chart_type': 'Chart type',
-  'Edit_type': 'Edit type'
+  'Chart_type': 'Diagrammtyp',
+  'Edit_type': 'Typ ändern',
+  'Update_to_a_table': 'Update to a table',
+  'Export_to_a_new_table': 'In neue Tabelle exportieren'
 };
 export default de;

package/es/locale/lang/en.js

@@ -138,6 +138,8 @@ var en = {
   'Oct': 'Oct',
   'Nov': 'Nov',
   'Dec': 'Dec',
+  'Enter_date': 'Enter date',
+  'Please_select': 'Please select',
   'Total': 'Total',
   'Amount': 'Amount',
   'Empty': 'Empty',
@@ -234,6 +236,8 @@ var en = {
   'Stack': 'Stack',
   'Add_new_stack': 'Add new stack',
   'Chart_type': 'Chart type',
-  'Edit_type': 'Edit type'
+  'Edit_type': 'Edit type',
+  'Update_to_a_table': 'Update to a table',
+  'Export_to_a_new_table': 'Export to a new table'
 };
 export default en;

package/es/locale/lang/fr.js

@@ -51,7 +51,7 @@ var fr = {
   'Untitled': 'Sans titre',
   'Settings': 'Paramètres',
   'Table': 'Tableau',
-  'Views': 'Views',
+  'Views': 'Vues',
   'Display_title': 'Titre à afficher',
   'X-axis': 'Axe des x',
   'Y-axis': 'Axe des y',
@@ -138,6 +138,8 @@ var fr = {
   'Oct': 'octobre',
   'Nov': 'novembre',
   'Dec': 'décembre',
+  'Enter_date': 'Enter date',
+  'Please_select': 'Please select',
   'Total': 'Total',
   'Amount': 'Nombre',
   'Empty': 'Vide',
@@ -233,7 +235,9 @@ var fr = {
   'Line_color': 'Couleur de courbe',
   'Stack': 'Pile',
   'Add_new_stack': 'Ajouter une nouvelle pile',
-  'Chart_type': 'Chart type',
-  'Edit_type': 'Edit type'
+  'Chart_type': 'Type de diagramme',
+  'Edit_type': 'Modifier le type',
+  'Update_to_a_table': 'Update to a table',
+  'Export_to_a_new_table': 'Exporter dans un nouveau tableau'
 };
 export default fr;

package/es/locale/lang/zh_CN.js

@@ -138,6 +138,8 @@ var zh_CN = {
   'Oct': '十月',
   'Nov': '十一月',
   'Dec': '十二月',
+  'Enter_date': '输入日期',
+  'Please_select': '请选择',
   'Total': '总计',
   'Amount': '数量',
   'Empty': '空',
@@ -234,6 +236,8 @@ var zh_CN = {
   'Stack': '堆叠',
   'Add_new_stack': '添加新的堆叠',
   'Chart_type': '图表类型',
-  'Edit_type': '编辑类型'
+  'Edit_type': '编辑类型',
+  'Update_to_a_table': '更新到子表',
+  'Export_to_a_new_table': '导出到新的子表'
 };
 export default zh_CN;

package/es/mobile-dashboard.js

@@ -6,7 +6,7 @@ import React, { Component } from 'react';
 import intl from 'react-intl-universal';
 import Tabs from './tabs';
 import StatView from './stat-view';
-import { STAT_TYPE } from './constants';
+import { STAT_TYPE, THEME_NAME_MAP } from './constants';
 import logo from './assets/images/icon.png';
 import styles from './assets/css/mobile-dashboard.module.css';
 var MobileDashboard = /*#__PURE__*/function (_Component) {
@@ -31,7 +31,7 @@ var MobileDashboard = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         getTableById = _this$props.getTableById,
-        refresh = _this$props.refresh,
+        dtableChangedTime = _this$props.dtableChangedTime,
         colorThemeName = _this$props.colorThemeName,
         statistics = _this$props.statistics,
         selectedDashboardIdx = _this$props.selectedDashboardIdx,
@@ -54,7 +54,7 @@ var MobileDashboard = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement("span", {
         className: styles['mobile-statistic-name']
       }, intl.get('Statistics'))), /*#__PURE__*/React.createElement(Tabs, {
-        theme: 'light',
+        theme: THEME_NAME_MAP.LIGHT,
         isMobile: true,
         statistics: statistics,
         selectedDashboardIdx: selectedDashboardIdx,
@@ -86,8 +86,8 @@ var MobileDashboard = /*#__PURE__*/function (_Component) {
         }, /*#__PURE__*/React.createElement(StatView, {
           isPreview: true,
           isEnlarge: false,
-          refresh: refresh,
-          theme: "light",
+          dtableChangedTime: dtableChangedTime,
+          theme: THEME_NAME_MAP.LIGHT,
           colorThemeName: colorThemeName,
           statItem: statItem,
           chartCalculator: chartCalculator,

package/es/model/horizontal-bar-group.js

@@ -48,6 +48,8 @@ var HorizontalBarGroup = /*#__PURE__*/function (_BaseModel) {
     _this.label_font_size = object.label_font_size;
     _this.color_option = object.color_option;
     _this.sort_type = object.sort_type;
+    _this.display_each_block_data = object.display_each_block_data;
+    _this.display_data = object.display_data;
     return _this;
   }
   return HorizontalBarGroup;

package/es/stat-editor/stat-settings/advance-chart-settings/index.js

@@ -240,8 +240,7 @@ var AdvancedChartSettings = /*#__PURE__*/function (_React$Component) {
         summary_method = _this$props$statItem.summary_method;
       if (summaryType === summary_type) return;
       if (summaryType === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
-        var defaultColumn = _this.numericColumns[0];
-        summary_column = defaultColumn ? defaultColumn.key : null;
+        summary_column = null;
         summary_method = SUMMARY_METHOD[0];
         summary_type = SUMMARY_TYPE.ADVANCED;
       } else {

package/es/stat-editor/stat-settings/advance-chart-settings/summary-settings.js

@@ -138,7 +138,7 @@ var SummarySettings = /*#__PURE__*/function (_Component) {
       var summaryColumn = _this.props.summaryColumn;
       var selectedColumnOption = _this.numericColumnsOptions.find(function (o) {
         return o.value.key === summaryColumn;
-      });
+      }) || null;
       return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, intl.get('Numeric_column')), /*#__PURE__*/React.createElement(DTableSelect, {

package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/horizontal-bar-chart-style.js

@@ -94,6 +94,15 @@ var HorizontalBarChartStyle = /*#__PURE__*/function (_Component) {
       };
       _this.props.updateStatItem(Object.assign({}, statItem, updated));
     };
+    _this.onToggleDisplayEachBlockData = function () {
+      var statItem = _this.props.statItem;
+      var _ref5 = statItem || {},
+        display_each_block_data = _ref5.display_each_block_data;
+      var updated = {
+        display_each_block_data: !display_each_block_data
+      };
+      _this.props.updateStatItem(Object.assign({}, statItem, updated));
+    };
     _this.onChangeLabelFontSize = function (label_font_size) {
       var statItem = _this.props.statItem;
       _this.props.updateStatItem(Object.assign({}, statItem, {
@@ -102,8 +111,8 @@ var HorizontalBarChartStyle = /*#__PURE__*/function (_Component) {
     };
     _this.onToggleHAxisAutoRange = function () {
       var statItem = _this.props.statItem;
-      var _ref5 = statItem || {},
-        h_axis_auto_range = _ref5.h_axis_auto_range;
+      var _ref6 = statItem || {},
+        h_axis_auto_range = _ref6.h_axis_auto_range;
       var updated = {
         h_axis_auto_range: h_axis_auto_range == undefined ? false : !h_axis_auto_range
       };
@@ -235,7 +244,15 @@ var HorizontalBarChartStyle = /*#__PURE__*/function (_Component) {
         chart: statItem,
         labelColorConfigs: labelColorConfigs,
         updateChart: this.props.updateStatItem
-      })));
+      })), chartType === STAT_TYPE.STACKED_HORIZONTAL_BAR && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: "statistic-chart-parameter-divider"
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "statistic-chart-parameter-item"
+      }, /*#__PURE__*/React.createElement(IndToggleSetting, {
+        isChecked: !!statItem.display_each_block_data,
+        label: intl.get('Display_value_of_each_block'),
+        handleToggleChange: this.onToggleDisplayEachBlockData
+      }))));
     }
   }]);
   return HorizontalBarChartStyle;

package/es/stat-editor/stat-settings/basic-chart-settings/summary-settings.js

@@ -107,18 +107,12 @@ var SummarySettings = /*#__PURE__*/function (_Component) {
     };
     _this.onChangeSummaryType = function (option) {
       var type = option.value;
-      var _this$props3 = _this.props,
-        summaryType = _this$props3.summaryType,
-        numericColumnsOptions = _this$props3.numericColumnsOptions;
+      var summaryType = _this.props.summaryType;
       if (type === summaryType) {
         return;
       }
       var summaryColumnKey = null;
-      var summaryMethod = null;
-      if (type === STATISTICS_COUNT_TYPE.ADVANCED && Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0) {
-        summaryColumnKey = numericColumnsOptions[0].value.key;
-        summaryMethod = SUMMARY_METHOD[0];
-      }
+      var summaryMethod = type === STATISTICS_COUNT_TYPE.ADVANCED ? SUMMARY_METHOD[0] : null;
       _this.props.onChangeSummaryType(type, summaryColumnKey, summaryMethod);
     };
     _this.onSelectNumericColumn = function (columnOption) {

package/es/stat-editor/stat-settings/public-setting/type-settings/index.js

@@ -6,7 +6,7 @@ import React, { Component } from 'react';
 import intl from 'react-intl-universal';
 import Icon from '../../../../components/icon';
 import StatisticTypesDialog from '../../../../components/dialog/statistic-types-dialog';
-import { STATISTIC_TYPE_SHOW } from '../../../../constants';
+import { STATISTIC_TYPE_SHOW, STAT_TYPE } from '../../../../constants';
 import './index.css';
 var TypeSettings = /*#__PURE__*/function (_Component) {
   _inherits(TypeSettings, _Component);
@@ -25,6 +25,27 @@ var TypeSettings = /*#__PURE__*/function (_Component) {
         isShowDialog: false
       });
     };
+    _this.getChartTypeName = function () {
+      var chartType = _this.props.chart.type;
+      switch (chartType) {
+        case STAT_TYPE.MAP:
+          {
+            return '中国地图';
+          }
+        case STAT_TYPE.MAP_BUBBLE:
+          {
+            return '中国地图(气泡图)';
+          }
+        case STAT_TYPE.WORLD_MAP_BUBBLE:
+          {
+            return "".concat(intl.get(STATISTIC_TYPE_SHOW[STAT_TYPE.WORLD_MAP]), "(").concat(intl.get('Bubble'), ")");
+          }
+        default:
+          {
+            return intl.get(STATISTIC_TYPE_SHOW[chartType]);
+          }
+      }
+    };
     _this.state = {
       isShowDialog: false
     };
@@ -40,7 +61,7 @@ var TypeSettings = /*#__PURE__*/function (_Component) {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, intl.get('Chart_type')), /*#__PURE__*/React.createElement("div", {
         className: "statistic-selected-type-container d-flex align-items-center"
-      }, /*#__PURE__*/React.createElement("span", null, intl.get(STATISTIC_TYPE_SHOW[chartType]) || STATISTIC_TYPE_SHOW[chartType]), /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement("span", null, this.getChartTypeName()), /*#__PURE__*/React.createElement("div", {
         className: "statistic-switch-type-container",
         onClick: this.openTypesDialog
       }, /*#__PURE__*/React.createElement(Icon, {

package/es/stat-list/chart-preview.js

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -70,7 +69,7 @@ var ChartPreview = /*#__PURE__*/function (_Component) {
     };
     _this.renderChart = function (statItem) {
       var _this$props = _this.props,
-        refresh = _this$props.refresh,
+        dtableChangedTime = _this$props.dtableChangedTime,
         chartCalculator = _this$props.chartCalculator,
         theme = _this$props.theme,
         colorThemeName = _this$props.colorThemeName,
@@ -80,11 +79,11 @@ var ChartPreview = /*#__PURE__*/function (_Component) {
           return _this.chartView = _ref;
         },
         isPreview: true,
-        refresh: refresh,
+        dtableChangedTime: dtableChangedTime,
         isEnlarge: false,
         theme: theme,
         colorThemeName: colorThemeName,
-        statItem: _objectSpread({}, statItem),
+        statItem: statItem,
         chartCalculator: chartCalculator,
         eventBus: eventBus,
         getTableById: _this.props.getTableById,

package/es/stat-list/index.js

@@ -24,6 +24,12 @@ var StatList = /*#__PURE__*/function (_Component) {
     _this = _super.call(this, props);
     _this.getStatItemsLayout = function (statItems) {
       return Array.isArray(statItems) ? statItems.map(function (chart) {
+        // eslint-disable-next-line
+        if (chart.layout.y == null) {
+          return _objectSpread(_objectSpread({}, chart.layout), {}, {
+            y: Infinity
+          });
+        }
         return chart.layout;
       }) : [];
     };
@@ -183,7 +189,7 @@ var StatList = /*#__PURE__*/function (_Component) {
       var _this2 = this;
       var _this$props = this.props,
         isTableReadOnly = _this$props.isTableReadOnly,
-        refresh = _this$props.refresh,
+        dtableChangedTime = _this$props.dtableChangedTime,
         theme = _this$props.theme,
         colorThemeName = _this$props.colorThemeName,
         statItems = _this$props.statItems,
@@ -219,10 +225,10 @@ var StatList = /*#__PURE__*/function (_Component) {
           className: "statistic-chart-preview"
         }, /*#__PURE__*/React.createElement(ChartPreview, {
           isTableReadOnly: isTableReadOnly,
-          refresh: refresh,
+          dtableChangedTime: dtableChangedTime,
           theme: theme,
           colorThemeName: colorThemeName,
-          statItem: _objectSpread({}, statItem),
+          statItem: statItem,
           chartCalculator: chartCalculator,
           eventBus: eventBus,
           getTableById: _this2.props.getTableById,
@@ -245,7 +251,7 @@ var StatList = /*#__PURE__*/function (_Component) {
           toggleStatisticRecordsDialog: _this2.props.toggleStatisticRecordsDialog
         }));
       })), enlargedChart && /*#__PURE__*/React.createElement(EnlargeChartDialog, {
-        refresh: refresh,
+        dtableChangedTime: dtableChangedTime,
         colorThemeName: colorThemeName,
         statItem: enlargedChart,
         eventBus: eventBus,