sea-chart 0.0.1

package/lib/model/compare-bar.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { isDateColumn, getTableById, getTableColumnByKey } from 'dtable-utils';
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { STATISTIC_TYPE } from '../constants';
+var CompareBar = /*#__PURE__*/function (_BaseModel) {
+  _inherits(CompareBar, _BaseModel);
+  var _super = _createSuper(CompareBar);
+  function CompareBar(options, tables) {
+    var _this;
+    _classCallCheck(this, CompareBar);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, options), {}, {
+      type: STATISTIC_TYPE.COMPARE_BAR
+    }));
+    _this.x_axis_column_key = options.x_axis_column_key;
+    if (_this.x_axis_column_key && _this.table_id && tables) {
+      var table = getTableById(tables, _this.table_id);
+      var column = getTableColumnByKey(table, _this.x_axis_column_key);
+      if (!column || !isDateColumn(column)) {
+        _this.x_axis_column_key = null;
+      }
+    }
+    _this.x_axis_date_granularity = options.x_axis_date_granularity;
+    _this.x_axis_date_range_start = options.x_axis_date_range_start;
+    _this.x_axis_date_range_end = options.x_axis_date_range_end;
+    _this.x_axis_compared_date_range_start = options.x_axis_compared_date_range_start;
+    _this.x_axis_compared_date_range_end = options.x_axis_compared_date_range_end;
+    _this.x_axis_show_label = isBoolean(options.x_axis_show_label) ? options.x_axis_show_label : false;
+    _this.y_axis_show_label = isBoolean(options.y_axis_show_label) ? options.y_axis_show_label : false;
+    _this.x_axis_label_position = options.x_axis_label_position;
+    _this.y_axis_label_position = options.y_axis_label_position;
+    _this.y_axis_compare_label_color = options.y_axis_compare_label_color;
+    _this.y_axis_compared_label_color = options.y_axis_compared_label_color;
+    _this.y_axis_summary_column_key = options.y_axis_summary_column_key;
+    _this.y_axis_summary_type = options.y_axis_summary_type;
+    _this.y_axis_summary_method = options.y_axis_summary_method;
+    _this.display_increase = isBoolean(options.display_increase) ? options.display_increase : false;
+    _this.display_increase_percentage = isBoolean(options.display_increase_percentage) ? options.display_increase_percentage : false;
+    _this.increase_display_color = options.increase_display_color;
+    _this.label_font_size = options.label_font_size;
+    return _this;
+  }
+  return _createClass(CompareBar);
+}(BaseModel);
+export default CompareBar;

package/lib/model/completeness-group.js

@@ -0,0 +1,34 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { STATISTIC_TYPE, STATISTIC_SUMMARY_TYPE } from '../constants';
+var CompletenessGroup = /*#__PURE__*/function (_BaseModel) {
+  _inherits(CompletenessGroup, _BaseModel);
+  var _super = _createSuper(CompletenessGroup);
+  function CompletenessGroup(options) {
+    var _this;
+    _classCallCheck(this, CompletenessGroup);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, options), {}, {
+      type: STATISTIC_TYPE.COMPLETENESS_GROUP
+    }));
+    _this.name_column_key = options.x_axis_column_key;
+    _this.target_value_column_key = options.target_value_column_key;
+    _this.target_value_column_summary_method = options.target_value_column_summary_method || STATISTIC_SUMMARY_TYPE.ROW_COUNT;
+    _this.total_value_column_key = options.total_value_column_key;
+    _this.total_value_column_summary_method = options.total_value_column_summary_method || STATISTIC_SUMMARY_TYPE.ROW_COUNT;
+    _this.completed_column_key = options.completed_column_key;
+    _this.target_column_key = options.target_column_key;
+    _this.display_percentage = isBoolean(options.display_percentage) ? options.display_percentage : true;
+    _this.group_column_key = options.column_groupby_column_key;
+    _this.date_granularity = options.column_groupby_date_granularity;
+    _this.geolocation_granularity = options.column_groupby_geolocation_granularity;
+    _this.label_font_size = options.label_font_size;
+    return _this;
+  }
+  return _createClass(CompletenessGroup);
+}(BaseModel);
+export default CompletenessGroup;

package/lib/model/completeness.js

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { LABEL_COLORS, STATISTIC_TYPE } from '../constants';
+var Completeness = /*#__PURE__*/function (_BaseModel) {
+  _inherits(Completeness, _BaseModel);
+  var _super = _createSuper(Completeness);
+  function Completeness(options) {
+    var _this;
+    _classCallCheck(this, Completeness);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, options), {}, {
+      type: STATISTIC_TYPE.COMPLETENESS
+    }));
+    _this.name_column_key = options.x_axis_column_key;
+    _this.completed_column_key = options.completed_column_key;
+    _this.target_column_key = options.target_column_key;
+    _this.completed_color = options.completed_color || LABEL_COLORS[0];
+    _this.display_percentage = isBoolean(options.display_percentage) ? options.display_percentage : true;
+    _this.label_font_size = options.label_font_size;
+    return _this;
+  }
+  return _createClass(Completeness);
+}(BaseModel);
+export default Completeness;

package/lib/model/dashboard.js

@@ -0,0 +1,26 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import BaseModel from './base-model';
+import { STATISTIC_SUMMARY_TYPE, STATISTIC_TYPE } from '../constants';
+var Dashboard = /*#__PURE__*/function (_BaseModel) {
+  _inherits(Dashboard, _BaseModel);
+  var _super = _createSuper(Dashboard);
+  function Dashboard(options) {
+    var _this;
+    _classCallCheck(this, Dashboard);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, options), {}, {
+      type: STATISTIC_TYPE.DASHBOARD
+    }));
+    _this.name = '';
+    _this.target_value_column_key = options.target_value_column_key;
+    _this.target_value_column_summary_method = options.target_value_column_summary_method || STATISTIC_SUMMARY_TYPE.ROW_COUNT;
+    _this.total_value_column_key = options.total_value_column_key;
+    _this.total_value_column_summary_method = options.total_value_column_summary_method || STATISTIC_SUMMARY_TYPE.ROW_COUNT;
+    return _this;
+  }
+  return _createClass(Dashboard);
+}(BaseModel);
+export default Dashboard;

package/lib/model/generic-model.js

@@ -0,0 +1,235 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { isNumber } from 'dtable-utils';
+import BaseModel from './base-model';
+import { isBoolean, getChartConfigValueByKey } from '../utils';
+import { DATE_GRANULATES, DEFAULT_LABEL_FONT_SIZE, GEOLOCATION_GRANULATES, LABEL_POSITION_TYPE, STATISTIC_SUMMARY_TYPE, GENERIC_KEY, CHART_KEY, LEGEND_DIRECTION } from '../constants';
+var GenericModel = /*#__PURE__*/function (_BaseModel) {
+  _inherits(GenericModel, _BaseModel);
+  var _super = _createSuper(GenericModel);
+  function GenericModel(object) {
+    var _this;
+    _classCallCheck(this, GenericModel);
+    var options = object || {};
+    _this = _super.call(this, options);
+
+    // x data
+    _this.x_axis_column_key = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_COLUMN_KEY, options);
+    _this.x_axis_include_empty_cells = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_INCLUDE_EMPTY_CELLS, options);
+    _this.x_axis_date_granularity = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_DATE_GRANULARITY, options);
+    _this.x_axis_geolocation_granularity = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_GEOLOCATION_GRANULARITY, options);
+
+    // set default value
+    if (!isBoolean(_this.x_axis_include_empty_cells)) {
+      _this.x_axis_include_empty_cells = false;
+    }
+    if (_this.x_axis_date_granularity && !DATE_GRANULATES.includes(_this.x_axis_date_granularity)) {
+      _this.x_axis_date_granularity = STATISTIC_SUMMARY_TYPE.MONTH;
+    }
+    if (_this.x_axis_geolocation_granularity && !GEOLOCATION_GRANULATES.includes(_this.x_axis_geolocation_granularity)) {
+      _this.x_axis_geolocation_granularity = STATISTIC_SUMMARY_TYPE.DISTRICT;
+    }
+    _this.x_axis_date_range_start = getChartConfigValueByKey(CHART_KEY.X_AXIS_DATE_RANGE_START, options);
+    _this.x_axis_date_range_end = getChartConfigValueByKey(CHART_KEY.X_AXIS_DATE_RANGE_END, options);
+    _this.x_axis_compared_date_range_start = getChartConfigValueByKey(CHART_KEY.X_AXIS_COMPARED_DATE_RANGE_START, options);
+    _this.x_axis_compared_date_range_end = getChartConfigValueByKey(CHART_KEY.X_AXIS_COMPARED_DATE_RANGE_END, options);
+
+    // x style
+    _this.x_axis_show_label = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_SHOW_LABEL, options);
+    _this.x_axis_label_position = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_LABEL_POSITION, options) || LABEL_POSITION_TYPE.CENTER;
+    if (!isBoolean(_this.x_axis_show_label)) {
+      _this.x_axis_show_label = null;
+    }
+
+    // y data
+    _this.y_axis_summary_column_key = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SUMMARY_COLUMN_KEY, options);
+    _this.y_axis_summary_type = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SUMMARY_TYPE, options);
+    _this.y_axis_summary_method = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SUMMARY_METHOD, options);
+    if (_this.y_axis_summary_method === STATISTIC_SUMMARY_TYPE.ROW_COUNT) {
+      _this.y_axis_summary_method = STATISTIC_SUMMARY_TYPE.MAX;
+    }
+
+    // y style
+    _this.color_option = getChartConfigValueByKey(CHART_KEY.COLOR_OPTION, options);
+    _this.y_axis_label_color = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_LABEL_COLOR, options);
+    _this.y_axis_label_color_rules = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_LABEL_COLOR_RULES, options);
+    _this.y_axis_show_value = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SHOW_VALUE, options);
+    _this.y_axis_show_label = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SHOW_LABEL, options);
+    if (!isBoolean(_this.y_axis_show_value)) {
+      _this.y_axis_show_value = null;
+    }
+    if (!isBoolean(_this.y_axis_show_label)) {
+      _this.y_axis_show_label = null;
+    }
+    _this.y_axis_label_position = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_LABEL_POSITION, options) || LABEL_POSITION_TYPE.CENTER;
+    _this.y_axis_auto_range = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_AUTO_RANGE, options);
+    _this.y_axis_min = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_MIN, options);
+    _this.y_axis_max = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_MAX, options);
+    if (!isBoolean(_this.y_axis_auto_range)) {
+      _this.y_axis_auto_range = true;
+    }
+    if (!isNumber(_this.y_axis_min)) {
+      _this.y_axis_min = null;
+    }
+    if (!isNumber(_this.y_axis_max)) {
+      _this.y_axis_max = null;
+    }
+    _this.y_axis_use_stack = getChartConfigValueByKey(CHART_KEY.Y_AXIS_USE_STACK, options);
+    if (!isBoolean(_this.y_axis_use_stack)) {
+      _this.y_axis_use_stack = null;
+    }
+    _this.y_axis_compare_label_color = getChartConfigValueByKey(CHART_KEY.Y_AXIS_COMPARE_LABEL_COLOR, options);
+    _this.y_axis_compared_label_color = getChartConfigValueByKey(CHART_KEY.Y_AXIS_COMPARED_LABEL_COLOR, options);
+
+    // column-group
+    _this.column_groupby_column_key = getChartConfigValueByKey(GENERIC_KEY.COLUMN_GROUPBY_COLUMN_KEY, options);
+    _this.column_groupby_date_granularity = getChartConfigValueByKey(GENERIC_KEY.COLUMN_GROUPBY_DATE_GRANULARITY, options);
+    _this.column_groupby_geolocation_granularity = getChartConfigValueByKey(GENERIC_KEY.COLUMN_GROUPBY_GEOLOCATION_GRANULARITY, options);
+    if (_this.column_groupby_date_granularity && !DATE_GRANULATES.includes(_this.column_groupby_date_granularity)) {
+      _this.column_groupby_date_granularity = STATISTIC_SUMMARY_TYPE.MONTH;
+    }
+    if (_this.column_groupby_geolocation_granularity && !GEOLOCATION_GRANULATES.includes(_this.column_groupby_geolocation_granularity)) {
+      _this.column_groupby_geolocation_granularity = STATISTIC_SUMMARY_TYPE.DISTRICT;
+    }
+    _this.column_groupby_multiple_numeric_column = getChartConfigValueByKey(CHART_KEY.COLUMN_GROUPBY_MULTIPLE_NUMERIC_COLUMN, options);
+    if (!isBoolean(_this.column_groupby_multiple_numeric_column)) {
+      _this.column_groupby_multiple_numeric_column = null;
+    }
+    _this.column_groupby_numeric_columns = getChartConfigValueByKey(CHART_KEY.COLUMN_GROUPBY_NUMERIC_COLUMNS, options);
+    _this.summary_columns = getChartConfigValueByKey(CHART_KEY.SUMMARY_COLUMNS, options);
+    if (!Array.isArray(_this.summary_columns)) {
+      _this.summary_columns = [];
+    }
+
+    // other
+    _this.sort_type = getChartConfigValueByKey(CHART_KEY.SORT_TYPE, options);
+    _this.display_each_block_data = getChartConfigValueByKey(CHART_KEY.DISPLAY_EACH_BLOCK_DATA, options);
+    if (!isBoolean(_this.display_each_block_data)) {
+      _this.display_each_block_data = null;
+    }
+    _this.title_name = getChartConfigValueByKey(CHART_KEY.TITLE_NAME, options);
+    _this.label_font_size = getChartConfigValueByKey(GENERIC_KEY.LABEL_FONT_SIZE, options);
+    if (!isNumber(_this.label_font_size)) {
+      _this.label_font_size = DEFAULT_LABEL_FONT_SIZE;
+    }
+    _this.y_axis_left_summary_type = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_SUMMARY_TYPE, options);
+    _this.y_axis_right_summary_type = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_SUMMARY_TYPE, options);
+    _this.y_axis_left_summary_method = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_SUMMARY_METHOD, options);
+    _this.y_axis_right_summary_method = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_SUMMARY_METHOD, options);
+    _this.y_axis_left_summary_column = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_SUMMARY_COLUMN, options);
+    _this.y_axis_right_summary_column = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_SUMMARY_COLUMN, options);
+    _this.y_axis_left_group_by_multiple_numeric_column = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_GROUP_BY_MULTIPLE_NUMERIC_COLUMN, options);
+    _this.y_axis_left_group_by_numeric_columns = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_GROUP_BY_NUMERIC_COLUMNS, options);
+    if (!isBoolean(_this.y_axis_left_group_by_multiple_numeric_column)) {
+      _this.y_axis_left_group_by_multiple_numeric_column = null;
+    }
+    if (!Array.isArray(_this.y_axis_left_group_by_numeric_columns)) {
+      _this.y_axis_left_group_by_numeric_columns = [];
+    }
+    _this.y_axis_left_color = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_COLOR, options);
+    _this.y_axis_right_color = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_COLOR, options);
+    _this.show_y_axis_left_label = getChartConfigValueByKey(CHART_KEY.SHOW_Y_AXIS_LEFT_LABEL, options);
+    _this.show_y_axis_right_label = getChartConfigValueByKey(CHART_KEY.SHOW_Y_AXIS_RIGHT_LABEL, options);
+    _this.y_axis_left_label_position = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_LABEL_POSITION, options) || LABEL_POSITION_TYPE.CENTER;
+    _this.y_axis_right_label_position = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_LABEL_POSITION, options) || LABEL_POSITION_TYPE.CENTER;
+    _this.y_axis_auto_range_left = getChartConfigValueByKey(CHART_KEY.Y_AXIS_AUTO_RANGE_LEFT, options);
+    _this.y_axis_min_left = getChartConfigValueByKey(CHART_KEY.Y_AXIS_MIN_LEFT, options);
+    _this.y_axis_max_left = getChartConfigValueByKey(CHART_KEY.Y_AXIS_MAX_LEFT, options);
+    if (!isBoolean(_this.y_axis_auto_range_left)) {
+      _this.y_axis_auto_range_left = true;
+    }
+    if (!isNumber(_this.y_axis_min_left)) {
+      _this.y_axis_min_left = null;
+    }
+    if (!isNumber(_this.y_axis_max_left)) {
+      _this.y_axis_max_left = null;
+    }
+    _this.y_axis_auto_range_right = getChartConfigValueByKey(CHART_KEY.Y_AXIS_AUTO_RANGE_RIGHT, options);
+    _this.y_axis_min_right = getChartConfigValueByKey(CHART_KEY.Y_AXIS_MIN_RIGHT, options);
+    _this.y_axis_max_right = getChartConfigValueByKey(CHART_KEY.Y_AXIS_MAX_RIGHT, options);
+    if (!isBoolean(_this.y_axis_auto_range_right)) {
+      _this.y_axis_auto_range_right = true;
+    }
+    if (!isNumber(_this.y_axis_min_right)) {
+      _this.y_axis_min_right = null;
+    }
+    if (!isNumber(_this.y_axis_max_right)) {
+      _this.y_axis_max_right = null;
+    }
+    _this.display_increase = getChartConfigValueByKey(CHART_KEY.DISPLAY_INCREASE, options);
+    _this.display_increase_percentage = getChartConfigValueByKey(CHART_KEY.DISPLAY_INCREASE_PERCENTAGE, options);
+    if (!isBoolean(_this.display_increase)) {
+      _this.display_increase = null;
+    }
+    if (!isBoolean(_this.display_increase_percentage)) {
+      _this.display_increase_percentage = null;
+    }
+    _this.increase_display_color = getChartConfigValueByKey(CHART_KEY.INCREASE_DISPLAY_COLOR, options);
+    if (!isBoolean(_this.increase_display_color)) {
+      _this.increase_display_color = null;
+    }
+    _this.completed_column_key = getChartConfigValueByKey(CHART_KEY.COMPLETED_COLUMN_KEY, options);
+    _this.target_column_key = getChartConfigValueByKey(CHART_KEY.TARGET_COLUMN_KEY, options);
+    _this.target_value_column_summary_method = getChartConfigValueByKey(CHART_KEY.TARGET_VALUE_COLUMN_SUMMARY_METHOD, options);
+    _this.total_value_column_key = getChartConfigValueByKey(CHART_KEY.TOTAL_VALUE_COLUMN_KEY, options);
+    _this.total_value_column_summary_method = getChartConfigValueByKey(CHART_KEY.TOTAL_VALUE_COLUMN_SUMMARY_METHOD, options);
+    _this.completed_color = getChartConfigValueByKey(CHART_KEY.COMPLETED_COLOR, options);
+    _this.display_percentage = getChartConfigValueByKey(CHART_KEY.DISPLAY_PERCENTAGE, options);
+    if (!isBoolean(_this.display_percentage)) {
+      _this.display_percentage = null;
+    }
+    _this.target_value_column_key = getChartConfigValueByKey(CHART_KEY.TARGET_VALUE_COLUMN_KEY, options);
+    _this.legend_direction = getChartConfigValueByKey(CHART_KEY.LEGEND_DIRECTION, options) || LEGEND_DIRECTION.VERTICAL;
+    _this.legend_size = getChartConfigValueByKey(CHART_KEY.LEGEND_SIZE, options);
+    if (!isNumber(_this.legend_size)) {
+      _this.legend_size = 1;
+    }
+    _this.is_transpose = getChartConfigValueByKey(CHART_KEY.IS_TRANSPOSE, options);
+    if (!isBoolean(_this.is_transpose)) {
+      _this.is_transpose = null;
+    }
+    _this.show_legend = getChartConfigValueByKey(CHART_KEY.SHOW_LEGEND, options);
+    if (!isBoolean(_this.show_legend)) {
+      _this.show_legend = null;
+    }
+    _this.display_label = getChartConfigValueByKey(CHART_KEY.DISPLAY_LABEL, options);
+    if (!isBoolean(_this.display_label)) {
+      _this.display_label = null;
+    }
+    _this.show_percent = getChartConfigValueByKey(CHART_KEY.SHOW_PERCENT, options);
+    if (!isBoolean(_this.show_percent)) {
+      _this.show_percent = null;
+    }
+    _this.minimum_slice_percent = getChartConfigValueByKey(CHART_KEY.MINIMUM_SLICE_PERCENT, options);
+    if (!isNumber(_this.minimum_slice_percent)) {
+      _this.minimum_slice_percent = 1.5;
+    }
+    _this.display_annotation = getChartConfigValueByKey(CHART_KEY.DISPLAY_ANNOTATION, options);
+    if (!isBoolean(_this.display_annotation)) {
+      _this.display_annotation = null;
+    }
+    _this.display_total = getChartConfigValueByKey(CHART_KEY.DISPLAY_TOTAL, options);
+    if (!isBoolean(_this.display_total)) {
+      _this.display_total = null;
+    }
+    _this.summary_columns_option = getChartConfigValueByKey(CHART_KEY.SUMMARY_COLUMNS_OPTION, options);
+    _this.increase_line_color = getChartConfigValueByKey(CHART_KEY.INCREASE_LINE_COLOR, options);
+    _this.data_color = getChartConfigValueByKey(CHART_KEY.DATA_COLOR, options);
+    _this.grid_distance = getChartConfigValueByKey(CHART_KEY.GRID_DISTANCE, options);
+    _this.grid_size = getChartConfigValueByKey(CHART_KEY.GRID_SIZE, options);
+    if (!isNumber(_this.grid_distance)) {
+      _this.grid_distance = null;
+    }
+    if (!isNumber(_this.grid_size)) {
+      _this.grid_size = null;
+    }
+    _this.bubble_color = getChartConfigValueByKey(CHART_KEY.BUBBLE_COLOR, options);
+    _this.label_position = getChartConfigValueByKey(CHART_KEY.LABEL_POSITION, options);
+    _this.label_format = getChartConfigValueByKey(CHART_KEY.LABEL_FORMAT, options);
+    return _this;
+  }
+  return _createClass(GenericModel);
+}(BaseModel);
+export { GenericModel as default };

package/lib/model/heat-map.js

@@ -0,0 +1,33 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { isDateColumn, getTableById, getTableColumnByKey } from 'dtable-utils';
+import BaseModel from './base-model';
+import { STATISTIC_TYPE } from '../constants';
+var HeatMap = /*#__PURE__*/function (_BaseModel) {
+  _inherits(HeatMap, _BaseModel);
+  var _super = _createSuper(HeatMap);
+  function HeatMap(options, tables) {
+    var _this;
+    _classCallCheck(this, HeatMap);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, options), {}, {
+      type: STATISTIC_TYPE.HEAT_MAP
+    }));
+    _this.time_column_key = options.x_axis_column_key;
+    if (_this.time_column_key && _this.table_id && tables) {
+      var table = getTableById(tables, _this.table_id);
+      var column = getTableColumnByKey(table, _this.time_column_key);
+      if (!column || !isDateColumn(column)) {
+        _this.time_column_key = null;
+      }
+    }
+    _this.summary_type = options.y_axis_summary_type;
+    _this.summary_column_key = options.y_axis_summary_column_key;
+    _this.summary_method = options.y_axis_summary_method;
+    return _this;
+  }
+  return _createClass(HeatMap);
+}(BaseModel);
+export default HeatMap;

package/lib/model/horizontal-bar.js

@@ -0,0 +1,48 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { LABEL_COLORS, STATISTIC_TYPE, STATISTIC_SUMMARY_TYPE } from '../constants';
+var HorizontalBar = /*#__PURE__*/function (_BaseModel) {
+  _inherits(HorizontalBar, _BaseModel);
+  var _super = _createSuper(HorizontalBar);
+  function HorizontalBar(options) {
+    var _this;
+    _classCallCheck(this, HorizontalBar);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, options), {}, {
+      type: STATISTIC_TYPE.HORIZONTAL_BAR
+    }));
+
+    // vertical axis data
+    _this.vertical_axis_column_key = options.x_axis_column_key;
+    _this.vertical_axis_date_granularity = options.x_axis_date_granularity;
+    _this.vertical_axis_geolocation_granularity = options.x_axis_geolocation_granularity;
+    _this.vertical_axis_include_empty = options.x_axis_include_empty_cells;
+
+    // vertical axis style
+    _this.show_vertical_axis_label = isBoolean(options.x_axis_show_label) ? options.x_axis_show_label : false;
+    _this.vertical_axis_label_position = options.x_axis_label_position;
+
+    // horizontal axis data
+    _this.horizontal_axis_summary_type = options.y_axis_summary_type || STATISTIC_SUMMARY_TYPE.COUNT;
+    _this.horizontal_axis_column_key = options.y_axis_summary_column_key;
+    _this.horizontal_axis_summary_method = options.y_axis_summary_method || STATISTIC_SUMMARY_TYPE.SUM;
+
+    // horizontal axis style
+    _this.horizontal_axis_label_color = options.y_axis_label_color || LABEL_COLORS[0];
+    _this.show_horizontal_axis_label = isBoolean(options.y_axis_show_label) ? options.y_axis_show_label : false;
+    _this.horizontal_axis_label_position = options.y_axis_label_position;
+    _this.display_data = isBoolean(options.y_axis_show_value) ? options.y_axis_show_value : false;
+    _this.horizontal_axis_auto_range = options.y_axis_auto_range;
+    _this.horizontal_axis_min = options.y_axis_min;
+    _this.horizontal_axis_max = options.y_axis_max;
+    _this.sort_type = options.sort_type;
+    _this.label_font_size = options.label_font_size;
+    return _this;
+  }
+  return _createClass(HorizontalBar);
+}(BaseModel);
+export default HorizontalBar;

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

@@ -0,0 +1,53 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { STATISTIC_TYPE, LABEL_COLORS, STATISTIC_SUMMARY_TYPE } from '../constants';
+var HorizontalGroupBar = /*#__PURE__*/function (_BaseModel) {
+  _inherits(HorizontalGroupBar, _BaseModel);
+  var _super = _createSuper(HorizontalGroupBar);
+  function HorizontalGroupBar(options) {
+    var _this;
+    _classCallCheck(this, HorizontalGroupBar);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, options), {}, {
+      type: STATISTIC_TYPE.HORIZONTAL_GROUP_BAR
+    }));
+
+    // vertical axis data
+    _this.vertical_axis_column_key = options.x_axis_column_key;
+    _this.vertical_axis_date_granularity = options.x_axis_date_granularity;
+    _this.vertical_axis_geolocation_granularity = options.x_axis_geolocation_granularity;
+    _this.vertical_axis_include_empty = options.x_axis_include_empty_cells;
+
+    // vertical axis style
+    _this.show_vertical_axis_label = isBoolean(options.x_axis_show_label) ? options.x_axis_show_label : false;
+    _this.vertical_axis_label_position = options.x_axis_label_position;
+
+    // horizontal axis data
+    _this.horizontal_axis_summary_type = options.y_axis_summary_type || STATISTIC_SUMMARY_TYPE.COUNT;
+    _this.horizontal_axis_column_key = options.y_axis_summary_column_key;
+    _this.horizontal_axis_summary_method = options.y_axis_summary_method || STATISTIC_SUMMARY_TYPE.SUM;
+
+    // horizontal axis style
+    _this.horizontal_axis_label_color = options.y_axis_label_color || LABEL_COLORS[0];
+    _this.show_horizontal_axis_label = isBoolean(options.y_axis_show_label) ? options.y_axis_show_label : false;
+    _this.horizontal_axis_label_position = options.y_axis_label_position;
+    _this.horizontal_axis_auto_range = options.y_axis_auto_range;
+    _this.horizontal_axis_min = options.y_axis_min;
+    _this.horizontal_axis_max = options.y_axis_max;
+
+    // column-group
+    _this.column_groupby_column_key = options.column_groupby_column_key;
+    _this.column_groupby_date_granularity = options.column_groupby_date_granularity;
+    _this.column_groupby_geolocation_granularity = options.column_groupby_geolocation_granularity;
+    _this.column_groupby_multiple_numeric_column = options.column_groupby_multiple_numeric_column;
+    _this.summary_columns = options.summary_columns;
+    _this.label_font_size = options.label_font_size;
+    return _this;
+  }
+  return _createClass(HorizontalGroupBar);
+}(BaseModel);
+export default HorizontalGroupBar;

package/lib/model/index.js

@@ -0,0 +1,36 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _STATISTIC_MAP;
+import StatisticModel from './statistic';
+import { STATISTIC_TYPE } from '../constants';
+import GenericModel from './generic-model';
+import Map from './map';
+import MapBubble from './map-bubble';
+import WorldMap from './world-map';
+import WorldMapBubble from './world-map-bubble';
+import HeatMap from './heat-map';
+import Mirror from './mirror';
+import Bar from './bar';
+import Line from './line';
+import BarGroup from './bar-group';
+import BarStack from './bar-stack';
+import LineGroup from './line-group';
+import AreaGroup from './area-group';
+import Pie from './pie';
+import Ring from './ring';
+import TreeMap from './tree-map';
+import Scatter from './scatter';
+import BasicNumberCard from './basic-number-card';
+import HorizontalBar from './horizontal-bar';
+import HorizontalGroupBar from './horizontal-group-bar';
+import StackedHorizontalBar from './stacked-horizontal-bar';
+import Combination from './combination';
+import CompareBar from './compare-bar';
+import Trend from './trend';
+import Completeness from './completeness';
+import CompletenessGroup from './completeness-group';
+import Dashboard from './dashboard';
+import Table from './table';
+import Area from './area';
+import User from './user';
+var STATISTIC_MAP = (_STATISTIC_MAP = {}, _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.BAR, Bar), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.BAR_GROUP, BarGroup), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.BAR_STACK, BarStack), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.COMPARE_BAR, CompareBar), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.HORIZONTAL_BAR, HorizontalBar), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.HORIZONTAL_GROUP_BAR, HorizontalGroupBar), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.STACKED_HORIZONTAL_BAR, StackedHorizontalBar), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.COMPLETENESS, Completeness), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.COMPLETENESS_GROUP, CompletenessGroup), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.LINE, Line), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.LINE_GROUP, LineGroup), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.AREA, Area), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.AREA_GROUP, AreaGroup), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.PIE, Pie), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.RING, Ring), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.SCATTER, Scatter), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.COMBINATION, Combination), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.MAP, Map), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.MAP_BUBBLE, MapBubble), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.WORLD_MAP, WorldMap), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.WORLD_MAP_BUBBLE, WorldMapBubble), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.HEAT_MAP, HeatMap), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.MIRROR, Mirror), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.BASIC_NUMBER_CARD, BasicNumberCard), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.TREND, Trend), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.DASHBOARD, Dashboard), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.TREE_MAP, TreeMap), _defineProperty(_STATISTIC_MAP, STATISTIC_TYPE.TABLE, Table), _STATISTIC_MAP);
+export { StatisticModel, GenericModel, STATISTIC_MAP, User };

package/lib/model/line-group.js

@@ -0,0 +1,54 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { LABEL_COLORS, STATISTIC_TYPE, STATISTIC_SUMMARY_TYPE } from '../constants';
+var LineGroup = /*#__PURE__*/function (_BaseModel) {
+  _inherits(LineGroup, _BaseModel);
+  var _super = _createSuper(LineGroup);
+  function LineGroup(options) {
+    var _this;
+    _classCallCheck(this, LineGroup);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, options), {}, {
+      type: STATISTIC_TYPE.LINE_GROUP
+    }));
+
+    // x axis data
+    _this.x_axis_column_key = options.x_axis_column_key;
+    _this.x_axis_include_empty_cells = options.x_axis_include_empty_cells;
+    _this.x_axis_date_granularity = options.x_axis_date_granularity;
+    _this.x_axis_geolocation_granularity = options.x_axis_geolocation_granularity;
+
+    // x axis style
+    _this.x_axis_show_label = isBoolean(options.x_axis_show_label) ? options.x_axis_show_label : false;
+    _this.x_axis_label_position = options.x_axis_label_position;
+
+    // y axis data
+    _this.y_axis_summary_column_key = options.y_axis_summary_column_key;
+    _this.y_axis_summary_type = options.y_axis_summary_type || STATISTIC_SUMMARY_TYPE.COUNT;
+    _this.y_axis_summary_method = options.y_axis_summary_method || STATISTIC_SUMMARY_TYPE.SUM;
+
+    // y axis style
+    _this.y_axis_show_value = isBoolean(options.y_axis_show_value) ? options.y_axis_show_value : false;
+    _this.y_axis_show_label = isBoolean(options.y_axis_show_label) ? options.y_axis_show_label : false;
+    _this.y_axis_label_position = options.y_axis_label_position;
+    _this.y_axis_auto_range = options.y_axis_auto_range;
+    _this.y_axis_min = options.y_axis_min;
+    _this.y_axis_max = options.y_axis_max;
+    _this.y_axis_label_color = options.y_axis_label_color || LABEL_COLORS[0];
+
+    // column group
+    _this.column_groupby_column_key = options.column_groupby_column_key;
+    _this.column_groupby_date_granularity = options.column_groupby_date_granularity;
+    _this.column_groupby_geolocation_granularity = options.column_groupby_geolocation_granularity;
+    _this.column_groupby_multiple_numeric_column = isBoolean(options.column_groupby_multiple_numeric_column) ? options.column_groupby_multiple_numeric_column : false;
+    _this.summary_columns = options.summary_columns;
+    _this.label_font_size = options.label_font_size;
+    return _this;
+  }
+  return _createClass(LineGroup);
+}(BaseModel);
+export default LineGroup;

package/lib/model/line.js

@@ -0,0 +1,48 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { LABEL_COLORS, STATISTIC_TYPE, STATISTIC_SUMMARY_TYPE } from '../constants';
+var Line = /*#__PURE__*/function (_BaseModel) {
+  _inherits(Line, _BaseModel);
+  var _super = _createSuper(Line);
+  function Line(options) {
+    var _this;
+    _classCallCheck(this, Line);
+    _this = _super.call(this, _objectSpread(_objectSpread({}, options), {}, {
+      type: STATISTIC_TYPE.LINE
+    }));
+
+    // x axis data
+    _this.x_axis_column_key = options.x_axis_column_key;
+    _this.x_axis_include_empty_cells = options.x_axis_include_empty_cells;
+    _this.x_axis_date_granularity = options.x_axis_date_granularity;
+    _this.x_axis_geolocation_granularity = options.x_axis_geolocation_granularity;
+
+    // x axis style
+    _this.x_axis_show_label = isBoolean(options.x_axis_show_label) ? options.x_axis_show_label : false;
+    _this.x_axis_label_position = options.x_axis_label_position;
+
+    // y axis data
+    _this.y_axis_summary_column_key = options.y_axis_summary_column_key;
+    _this.y_axis_summary_type = options.y_axis_summary_type || STATISTIC_SUMMARY_TYPE.COUNT;
+    _this.y_axis_summary_method = options.y_axis_summary_method || STATISTIC_SUMMARY_TYPE.SUM;
+
+    // y axis style
+    _this.y_axis_show_value = isBoolean(options.y_axis_show_value) ? options.y_axis_show_value : false;
+    _this.y_axis_show_label = isBoolean(options.y_axis_show_label) ? options.y_axis_show_label : false;
+    _this.y_axis_label_position = options.y_axis_label_position;
+    _this.y_axis_auto_range = options.y_axis_auto_range;
+    _this.y_axis_min = options.y_axis_min;
+    _this.y_axis_max = options.y_axis_max;
+    _this.y_axis_label_color = options.y_axis_label_color || LABEL_COLORS[0];
+    _this.sort_type = options.sort_type;
+    _this.label_font_size = options.label_font_size;
+    return _this;
+  }
+  return _createClass(Line);
+}(BaseModel);
+export default Line;