sea-chart 0.0.1-beta

package/dist/locale/lang/ru.js

@@ -0,0 +1,141 @@
+/* eslint-disable */
+const ru = {
+  'Empty': 'Empty',
+  'Amount': 'Amount',
+  'Counting': 'Count',
+  'Summarize_a_field': 'Summarize a field',
+  'By_day': 'By day',
+  'By_week': 'By week',
+  'By_month': 'By month',
+  'By_quarter': 'By quarter',
+  'By_year': 'By year',
+  'Sum': 'Sum',
+  "Avg": "Average",
+  "Mdn": "Median",
+  'Max': 'Max',
+  'Min': 'Min',
+  'Mean': 'Mean',
+  'Number_of_distinct_values': 'Number of distinct values',
+  'By_province': 'By province',
+  'By_city': 'By city',
+  'By_district': 'By district',
+  'Row_count': 'Row count',
+  'Left': 'Left',
+  'Right': 'Right',
+  'Center': 'Center',
+  'Top': 'Top',
+  'Bottom': 'Bottom',
+  'Others': 'Others',
+  'Total': 'Total',
+  'There_are_too_many_statistics_entries_to_display': 'here are too many statistics entries to display.',
+  'Data_settings': 'Data settings',
+  'Style_settings': 'Style settings',
+  'Include_empty': 'Include empty',
+  'X_axis': 'X axis',
+  'Y_axis': 'Y axis',
+  'Display_value': 'Display values on data points',
+  'Auto_range': 'Auto range',
+  'Select_a_column': 'Select a column',
+  "Summary_method": 'Summary method',
+  'Label': '',
+  'Y-axis(left side)': 'Y-axis (left side)',
+  'Y-axis(right side)': 'Y-axis (right side)',
+  'Display_title': 'Display title',
+  'Current_value_field': 'Current value field',
+  'Total_value_field': 'Total value field',
+  'Group_by': 'Group by',
+  'Display_legend': 'Display legend',
+  'Display_label': 'Display label',
+  'Label_position': 'Label position',
+  'Label_format': 'Label format',
+  'Label_font_size': 'Label font size',
+  "Count_the_number_of_records_in_each_group": "Count the number of records in each group",
+  "Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field": "Compute the sum, maximum, minimum or mean value of records in each group by a field",
+  "Group_the_records_according_to_the_vertical_axis_and_count_the_records_in_each_group": "Group the records according to the vertical axis, and count the records in each group",
+  "Group_the_records_according_to_the_vertical_axis_and_compute_the_sum_maximum_or_minimum_of_records_in_each_group_by_a_field": "Group the records according to the vertical axis, and compute the sum, maximum, minimum or mean of records in each group by a field",
+  "Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields": "Compute the sum, maximum, minimum or mean value of records in each group by multiple fields",
+  "Count_the_records": "Group the records according to the X axis, and count the records in every group",
+  "Compute_sum_max_min": "Group the records according to the X axis, and compute the sum, maximum, minimum or mean by a field in the records",
+  'Summarize_multiple_fields': 'Summarize multiple fields',
+  'Add_new_field': 'Add new field',
+  'Row_grouping_field': 'Row grouping field',
+  'Column_grouping_field': 'Column grouping field',
+  'Date_range': 'Date range',
+  'Compare_to_date_range': 'Compare to date range',
+  'Display_increase': 'Display increase',
+  'Display_percentage_increase': 'Display percentage increase',
+  'Color': 'Color',
+  'Data_sort': 'Data sort',
+  'Not_sorted': 'Not sorted',
+  'Ascending': 'Ascending',
+  'Descending': 'Descending',
+  'Numeric_field': 'Numeric field',
+  'Summary_field': 'Summary field',
+  'No_column': 'No column',
+  'Display_mode': 'Display mode',
+  'Stack': 'Stack',
+  'Location_field': 'Location field',
+  'Time_field': 'Time field',
+  "Calculate_the_number_of_records_in_two_time_periods": "Calculate the number of records in two time periods",
+  "Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods": "Use a field to calculate the sum maximum or minimum value of records in two time periods",
+  // 'Count_by_var': 'Count_by_var',
+  // 'Compute_sum_max_min_by_var': 'Compute_sum_max_min_by_var',
+  'No_options': 'No options',
+  'Text_horizontal_alignment': 'Text horizontal alignment',
+  'Please_input_date': 'Please input date',
+  'Filter': 'Filter',
+  '1 Filter': '1 filter',
+  'Filters': 'filters',
+  'Font_size': 'Font size',
+  'Table': 'Table',
+  'Chart_type': 'Chart type',
+  "Histogram": "Histogram",
+  "Basic_histogram": "Basic histogram",
+  "Grouped_histogram": "Grouped histogram",
+  "Stacked_histogram": "Stacked histogram",
+  "Time_comparison_histogram": "Time comparison histogram",
+  "Bar_chart": "Bar chart",
+  "Basic_bar_chart": "Basic bar chart",
+  "Grouped_bar_chart": "Grouped bar chart",
+  "Stacked_bar_chart": "Stacked bar chart",
+  "Completeness": "Completeness chart",
+  "Grouped_completeness": "Grouped completeness chart",
+  "Line_chart": "Line chart",
+  "Basic_line_chart": "Basic line chart",
+  "Grouped_line_chart": "Grouped line chart",
+  "Area": "Area",
+  "Grouped_area": "Grouped area",
+  "Pie_chart": "Pie chart",
+  "Basic_pie_chart": "Basic pie chart",
+  "Ring_chart": "Ring chart",
+  "Scatter": "Scatter chart",
+  "Combination": "Combination chart",
+  "Map": "Map",
+  "World_map": "World map",
+  "World_map_bubble": "World map(bubble)",
+  "Heat_map": "Heat map",
+  "Facet_chart": "Facet chart",
+  "Mirror_chart": "Mirror chart",
+  "Card": "Card",
+  "Basic_number_card": "Basic number card",
+  "Trend": "Trend chart",
+  "Gauge": "Gauge",
+  'Tree_map': 'Tree map',
+  'Pivot_table': 'Pivot table',
+  'Title': 'Title',
+  'Edit_type': 'Edit type',
+  'Cancel': 'Cancel',
+  'Submit': 'Submit',
+  'There_are_no_statistic_results_yet': 'There are no statistic results yet',
+  'Year': 'Year',
+  'Month': 'Month',
+  'Day': 'Day',
+  'Hour': 'Hour',
+  'Minute': 'Minute',
+  'Done': 'Done',
+  'Internal_server_error': 'Internal server error',
+  'Network_error': 'Network error',
+  'There_are_some_problems_with_the_filters': 'There are some problems with the filters.',
+  'Please_complete_the_chart_configuration_first': 'Please complete the chart configuration first'
+};
+export default ru;

package/dist/locale/lang/zh_CN.js

@@ -0,0 +1,143 @@
+/* eslint-disable */
+const zh_CN = {
+  'Empty': '空',
+  'Amount': '数量',
+  'Counting': '计数',
+  'Summarize_a_field': '归总一个字段',
+  "By_day": "按天",
+  "By_week": "按周",
+  "By_month": "按月",
+  "By_quarter": "按季度",
+  "By_year": "按年",
+  'Sum': '总和',
+  "Avg": "平均",
+  "Mdn": "中位数",
+  'Max': '最大值',
+  'Min': '最小值',
+  'Mean': '平均值',
+  'Number_of_distinct_values': '不同值的数量',
+  "By_province": "按省",
+  "By_city": "按市",
+  "By_district": "按区/县",
+  'Row_count': '行数',
+  "Left": "左",
+  "Center": "中",
+  "Right": "右",
+  "Bottom": "下",
+  "Top": "上",
+  'Others': '其他',
+  'Total': '总计',
+  'There_are_too_many_statistics_entries_to_display': '统计结果条目太多，无法显示。请设置正确的统计选项。',
+  'Data_settings': '数据设置',
+  'Style_settings': '样式设置',
+  'Include_empty': '包含空单元格',
+  'X_axis': 'X轴',
+  'Y_axis': 'Y轴',
+  'Display_value': '显示数据点上的值',
+  'Auto_range': '自动设置范围',
+  'Select_a_column': '选择一个列',
+  "Summary_method": '归总方法',
+  'Label': '标签',
+  "Y-axis(left side)": "Y 轴（左边）",
+  "Y-axis(right side)": "Y 轴（右边）",
+  'Display_title': '显示标题',
+  "Current_value_field": "当前值字段",
+  "Total_value_field": "总值字段",
+  "Group_by": "分组依据",
+  "Display_legend": "显示图例",
+  'Display_label': '显示标签',
+  "Label_position": "标签位置",
+  "Label_format": "标签格式",
+  'Label_font_size': '标签字体大小',
+  "Count_the_number_of_records_in_each_group": "计算每个分组中记录的数量",
+  "Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field": "按照一个字段计算每个分组中记录的总和、最大值、最小值或者平均值",
+  "Group_the_records_according_to_the_vertical_axis_and_count_the_records_in_each_group": "根据纵轴给记录分组，然后计算每组中的记录的数量",
+  "Group_the_records_according_to_the_vertical_axis_and_compute_the_sum_maximum_or_minimum_of_records_in_each_group_by_a_field": "根据纵轴给记录分组，然后按照记录的一个字段计算总和、最大值、最小值或者平均值",
+  "Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields": "按照多个字段计算分组中记录的总和、最大值、最小值或者平均值",
+  "Count_the_records": "根据 X 轴给记录分组，然后计算每组中的记录的数量。",
+  "Compute_sum_max_min": "根据 X 轴给记录分组，然后按照记录的某个字段计算总和、最大值、最小值或者平均值",
+  "Summarize_multiple_fields": "归总多个字段",
+  "Add_new_field": "添加新的字段",
+  "Row_grouping_field": "行分组字段",
+  "Column_grouping_field": "列分组字段",
+  "Date_range": "日期范围",
+  "Compare_to_date_range": "对比日期范围",
+  "Display_increase": "显示增幅",
+  "Display_percentage_increase": "显示百分比增幅",
+  "Color": "颜色",
+  "Data_sort": "数据排序",
+  "Not_sorted": "不排序",
+  "Ascending": "升序",
+  "Descending": "降序",
+  "Numeric_field": "数值字段",
+  "Summary_field": "归总字段",
+  "Summary_type": "归总类型",
+  "No_column": "没有列",
+  "Display_mode": "展示方式",
+  "Stack": "堆叠",
+  "Location_field": "位置字段",
+  "Time_field": "时间字段",
+  "Calculate_the_number_of_records_in_two_time_periods": "计算两个时间段的记录数",
+  "Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods": "使用字段计算两个时间段内记录的最大值或最小值之和",
+  // 'Count_by_var': 'Count_by_var',
+  // 'Compute_sum_max_min_by_var': 'Compute_sum_max_min_by_var',
+  "No_options": "没有选项",
+  "Text_horizontal_alignment": "文本水平对齐",
+  "Please_input_date": "请输入日期",
+  "Filter": "过滤",
+  "1 Filter": "1 个过滤条件",
+  "Filters": "个过滤条件",
+  "Font_size": "字体大小",
+  "Font_weight": "字体粗细",
+  'Table': '子表',
+  'Chart_type': '图表类型',
+  "Histogram": "柱状图",
+  "Basic_histogram": "基础柱状图",
+  "Grouped_histogram": "分组柱状图",
+  "Stacked_histogram": "堆叠柱状图",
+  "Time_comparison_histogram": "时间对比图",
+  "Bar_chart": "条形图",
+  "Basic_bar_chart": "基础条形图",
+  "Grouped_bar_chart": "分组条形图",
+  "Stacked_bar_chart": "堆叠条形图",
+  "Completeness": "完成度图",
+  "Grouped_completeness": "分组完成度图",
+  "Line_chart": "折线图",
+  "Basic_line_chart": "基础折线图",
+  "Grouped_line_chart": "分组折线图",
+  "Area": "面积图",
+  "Grouped_area": "分组面积图",
+  "Pie_chart": "饼图",
+  "Basic_pie_chart": "基础饼图",
+  "Ring_chart": "环图",
+  "Scatter": "散点图",
+  "Combination": "组合图",
+  "Map": "地图",
+  "World_map": "世界地图",
+  "World_map_bubble": "世界地图(气泡图)",
+  "Heat_map": "热力图",
+  "Facet_chart": "分面图",
+  "Mirror_chart": "镜面图",
+  "Card": "卡片",
+  "Basic_number_card": "基础数字卡片",
+  "Trend": "趋势图",
+  "Gauge": "仪表盘",
+  "Tree_map": "矩形树图",
+  "Pivot_table": "表格",
+  "Title": "标题",
+  "Edit_type": "编辑类型",
+  'Cancel': '取消',
+  'Submit': '提交',
+  "There_are_no_statistic_results_yet": "目前还没有统计结果",
+  "Year": "年",
+  "Month": "月",
+  "Day": "日",
+  "Hour": "时",
+  "Minute": "分",
+  "Done": "完成",
+  "Network_error": "网络错误",
+  "Internal_server_error": "服务端错误",
+  "Please_complete_the_chart_configuration_first": "请先完成图表配置",
+  "There_are_some_problems_with_the_filters": "过滤器有一些问题。"
+};
+export default zh_CN;

package/dist/model/area-group.js

@@ -0,0 +1,41 @@
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { LABEL_COLORS, CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+class AreaGroup extends BaseModel {
+  constructor(options) {
+    super({
+      ...options,
+      type: CHART_TYPE.AREA_GROUP
+    });
+
+    // x-axis
+    this.x_axis_column_key = options.x_axis_column_key;
+    this.x_axis_include_empty_cells = isBoolean(options.x_axis_include_empty_cells) ? options.x_axis_include_empty_cells : false;
+    this.x_axis_date_granularity = options.x_axis_date_granularity;
+    this.x_axis_geolocation_granularity = options.x_axis_geolocation_granularity;
+    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
+    this.y_axis_summary_column_key = options.y_axis_summary_column_key;
+    this.y_axis_summary_type = options.y_axis_summary_type || CHART_SUMMARY_TYPE.COUNT;
+    this.y_axis_summary_method = options.y_axis_summary_method;
+    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_value : 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 = options.column_groupby_multiple_numeric_column;
+    this.summary_columns = options.summary_columns;
+    this.y_axis_use_stack = options.y_axis_use_stack;
+    this.label_font_size = options.label_font_size;
+  }
+}
+export default AreaGroup;

package/dist/model/area.js

@@ -0,0 +1,32 @@
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { LABEL_COLORS, CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+class Area extends BaseModel {
+  constructor(options) {
+    super({
+      ...options,
+      type: CHART_TYPE.AREA
+    });
+
+    // x axis
+    this.x_axis_column_key = options.x_axis_column_key;
+    this.x_axis_include_empty_cells = isBoolean(options.x_axis_include_empty_cells) ? options.x_axis_include_empty_cells : false;
+    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
+    this.y_axis_summary_column_key = options.y_axis_summary_column_key;
+    this.y_axis_summary_type = options.y_axis_summary_type || CHART_SUMMARY_TYPE.COUNT;
+    this.y_axis_summary_method = options.y_axis_summary_method;
+    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;
+  }
+}
+export default Area;

package/dist/model/bar-group.js

@@ -0,0 +1,44 @@
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { LABEL_COLORS, CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+class BarGroup extends BaseModel {
+  constructor(options) {
+    super({
+      ...options,
+      type: CHART_TYPE.BAR_GROUP
+    });
+
+    // x-axis
+    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
+    this.y_axis_summary_column_key = options.y_axis_summary_column_key;
+    this.y_axis_summary_type = options.y_axis_summary_type || CHART_SUMMARY_TYPE.COUNT;
+    this.y_axis_summary_method = options.y_axis_summary_method || CHART_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;
+  }
+}
+export default BarGroup;

package/dist/model/bar-stack.js

@@ -0,0 +1,41 @@
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { LABEL_COLORS, CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+class BarStack extends BaseModel {
+  constructor(options) {
+    super({
+      ...options,
+      type: CHART_TYPE.BAR_STACK
+    });
+
+    // x axis
+    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;
+    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
+    this.y_axis_summary_column_key = options.y_axis_summary_column_key;
+    this.y_axis_summary_type = options.y_axis_summary_type || CHART_SUMMARY_TYPE.COUNT;
+    this.y_axis_summary_method = options.y_axis_summary_method;
+    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 = options.column_groupby_multiple_numeric_column;
+    this.summary_columns = options.summary_columns;
+    this.y_axis_use_stack = true;
+    this.label_font_size = options.label_font_size;
+  }
+}
+export default BarStack;

package/dist/model/bar.js

@@ -0,0 +1,38 @@
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { LABEL_COLORS, CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+class Bar extends BaseModel {
+  constructor(options) {
+    super({
+      ...options,
+      type: CHART_TYPE.BAR
+    });
+
+    // x-axis
+    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
+    this.y_axis_summary_column_key = options.y_axis_summary_column_key;
+    this.y_axis_summary_type = options.y_axis_summary_type || CHART_SUMMARY_TYPE.COUNT;
+    this.y_axis_summary_method = options.y_axis_summary_method || CHART_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;
+  }
+}
+export default Bar;

package/dist/model/base-model.js

@@ -0,0 +1,9 @@
+import { CHART_TYPE } from '../constants';
+export default class BaseModel {
+  constructor(options) {
+    this.type = options.type || CHART_TYPE.BAR;
+    this.table_id = options.table_id || null;
+    this.filters = options.filters || [];
+    this.filter_conjunction = options.filter_conjunction || 'And';
+  }
+}

package/dist/model/basic-number-card.js

@@ -0,0 +1,22 @@
+import { isNumericColumn, getTableById, getTableColumnByKey } from 'dtable-utils';
+import BaseModel from './base-model';
+import { CHART_SUMMARY_TYPE, CHART_TYPE } from '../constants';
+class BasicNumberCard extends BaseModel {
+  constructor(options, tables) {
+    super({
+      ...options,
+      type: CHART_TYPE.BASIC_NUMBER_CARD
+    });
+    this.name = '';
+    this.numeric_column_key = options.x_axis_column_key;
+    if (this.numeric_column_key && this.table_id && tables) {
+      const table = getTableById(tables, this.table_id);
+      const column = getTableColumnByKey(table, this.numeric_column_key);
+      if (!column || !isNumericColumn(column)) {
+        this.numeric_column_key = null;
+      }
+    }
+    this.summary_method = options.y_axis_summary_method || CHART_SUMMARY_TYPE.ROW_COUNT;
+  }
+}
+export default BasicNumberCard;

package/dist/model/chart.js

@@ -0,0 +1,23 @@
+import { generateChartConfig } from '../utils';
+import { HORIZONTAL_ALIGN, DEFAULT_CHART_FONT_WEIGHT, DEFAULT_CHART_TITLE_FONT_SIZE, SUPPORT_TITLE_CHART_TYPES } from '../constants';
+class ChartModel {
+  constructor(options, tables) {
+    const {
+      id,
+      style_config
+    } = options;
+    this.id = id;
+    this.type = 'statistic';
+    this.config = generateChartConfig(options, tables);
+    this.style_config = style_config || {};
+    if (SUPPORT_TITLE_CHART_TYPES.includes(this.config.type)) {
+      this.style_config.title = {
+        text: '',
+        font_size: DEFAULT_CHART_TITLE_FONT_SIZE,
+        font_weight: DEFAULT_CHART_FONT_WEIGHT,
+        horizontal_align: HORIZONTAL_ALIGN.LEFT
+      };
+    }
+  }
+}
+export default ChartModel;

package/dist/model/combination.js

@@ -0,0 +1,38 @@
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+class Combination extends BaseModel {
+  constructor(options) {
+    super({
+      ...options,
+      type: CHART_TYPE.COMBINATION
+    });
+    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;
+    this.y_axis_left_summary_type = options.y_axis_left_summary_type || CHART_SUMMARY_TYPE.COUNT;
+    this.y_axis_right_summary_type = options.y_axis_right_summary_type || CHART_SUMMARY_TYPE.COUNT;
+    this.y_axis_left_summary_method = options.y_axis_left_summary_method || CHART_SUMMARY_TYPE.SUM;
+    this.y_axis_right_summary_method = options.y_axis_right_summary_method || CHART_SUMMARY_TYPE.SUM;
+    this.y_axis_left_summary_column = options.y_axis_left_summary_column;
+    this.y_axis_right_summary_column = options.y_axis_right_summary_column;
+    this.y_axis_left_group_by_multiple_numeric_column = isBoolean(options.y_axis_left_group_by_multiple_numeric_column) ? options.y_axis_left_group_by_multiple_numeric_column : false;
+    this.y_axis_left_group_by_numeric_columns = options.y_axis_left_group_by_numeric_columns;
+    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;
+    this.show_y_axis_left_label = options.show_y_axis_left_label;
+    this.show_y_axis_right_label = options.show_y_axis_right_label;
+    this.y_axis_left_label_position = options.y_axis_left_label_position;
+    this.y_axis_right_label_position = options.y_axis_right_label_position;
+    this.y_axis_auto_range_left = options.y_axis_auto_range_left;
+    this.y_axis_min_left = options.y_axis_min_left;
+    this.y_axis_max_left = options.y_axis_max_left;
+    this.y_axis_auto_range_right = options.y_axis_auto_range_right;
+    this.y_axis_min_right = options.y_axis_min_right;
+    this.y_axis_max_right = options.y_axis_max_right;
+    this.display_data = isBoolean(options.y_axis_show_value) ? options.y_axis_show_value : false;
+    this.label_font_size = options.label_font_size;
+  }
+}
+export default Combination;

package/dist/model/compare-bar.js

@@ -0,0 +1,39 @@
+import { isDateColumn, getTableById, getTableColumnByKey } from 'dtable-utils';
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { CHART_TYPE } from '../constants';
+class CompareBar extends BaseModel {
+  constructor(options, tables) {
+    super({
+      ...options,
+      type: CHART_TYPE.COMPARE_BAR
+    });
+    this.x_axis_column_key = options.x_axis_column_key;
+    if (this.x_axis_column_key && this.table_id && tables) {
+      const table = getTableById(tables, this.table_id);
+      const 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;
+  }
+}
+export default CompareBar;

package/dist/model/completeness-group.js

@@ -0,0 +1,24 @@
+import BaseModel from './base-model';
+import { isBoolean } from '../utils';
+import { CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+class CompletenessGroup extends BaseModel {
+  constructor(options) {
+    super({
+      ...options,
+      type: CHART_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 || CHART_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 || CHART_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;
+  }
+}
+export default CompletenessGroup;