sea-chart 0.0.1 → 0.0.2

package/dist/editor/index.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import classnames from 'classnames';
+import context from '../context';
+import View from '../view';
+import Settings from '../settings';
+import './index.css';
+class Editor extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    context.init(props);
+  }
+  render() {
+    const {
+      settingsTarget
+    } = this.props;
+    let settingsTargetNode = '';
+    if (settingsTarget) {
+      settingsTargetNode = document.getElementById(settingsTarget);
+      if (settingsTargetNode) {
+        ReactDOM.render( /*#__PURE__*/React.createElement(Settings, this.props), settingsTargetNode);
+      }
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('sea-chart-editor', {
+        'd-flex': !settingsTargetNode
+      })
+    }, /*#__PURE__*/React.createElement(View, this.props), !settingsTargetNode && /*#__PURE__*/React.createElement(Settings, this.props));
+  }
+}
+Editor.defaultProps = {
+  isStatisticalData: true,
+  canvasStyle: {},
+  tables: [],
+  chart: {
+    id: '',
+    config: {},
+    style_config: {}
+  }
+};
+export default Editor;

package/dist/index.js

@@ -0,0 +1,9 @@
+import SeaChartAPI from './api';
+import { CHART_TYPES } from './constants/type';
+import View from './view';
+import Editor from './editor';
+import Settings, { StyleSettings } from './settings';
+import { ChartDataSQL } from './utils';
+import Context from './context';
+export default View;
+export { SeaChartAPI, CHART_TYPES, View, Editor, Settings, StyleSettings, Context, ChartDataSQL };

package/dist/intl.js

@@ -0,0 +1,37 @@
+import LOCALES from './locale';
+class Intl {
+  constructor(_ref) {
+    var _this = this;
+    let {
+      lang: _lang = 'en'
+    } = _ref;
+    this.setLang = function () {
+      let lang = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'en';
+      const validLang = lang.toLowerCase();
+      if (validLang === _this.lang) return;
+      _this.lang = validLang;
+      _this.translation = LOCALES[_this.lang] || LOCALES['en'];
+    };
+    this.get = function (key) {
+      let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      if (typeof key !== 'string') return '';
+      const optionsKeys = Object.keys(options);
+      if (optionsKeys.length === 0) {
+        return _this.translation[key] || key;
+      }
+      if (key.indexOf('{') < 0) return key;
+      return key.replace(/\\?\{([^{}]+)\}/g, (match, name) => {
+        if (match.charAt(0) === '\\') {
+          return match.slice(1);
+        }
+        return options[name] === null || options[name] === undefined ? '' : options[name];
+      }) || key;
+    };
+    this.lang = _lang.toLowerCase();
+    this.translation = LOCALES[this.lang] || LOCALES['en'];
+  }
+}
+const intl = new Intl({
+  lang: 'zh_CN'
+});
+export default intl;

package/dist/locale/index.js

@@ -0,0 +1,18 @@
+import de from './lang/de';
+import en from './lang/en';
+import es from './lang/es';
+import fr from './lang/fr';
+import pt from './lang/pt';
+import ru from './lang/ru';
+import zh_CN from './lang/zh_CN';
+const LOCALES = {
+  'de': de,
+  'en': en,
+  'es': es,
+  'fr': fr,
+  'pt': pt,
+  'ru': ru,
+  'zh-cn': zh_CN,
+  'zh_cn': zh_CN
+};
+export default LOCALES;

package/{lib → dist}/locale/lang/de.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-var de = {
+const de = {
   'Empty': 'Empty',
   'Amount': 'Amount',
   'Counting': 'Count',

package/{lib → dist}/locale/lang/en.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-var en = {
+const en = {
   'Empty': 'Empty',
   'Amount': 'Amount',
   'Counting': 'Count',

package/{lib → dist}/locale/lang/es.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-var es = {
+const es = {
   'Empty': 'Empty',
   'Amount': 'Amount',
   'Counting': 'Count',

package/{lib → dist}/locale/lang/fr.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-var fr = {
+const fr = {
   'Empty': 'Empty',
   'Amount': 'Amount',
   'Counting': 'Count',

package/{lib → dist}/locale/lang/pt.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-var pt = {
+const pt = {
   'Empty': 'Empty',
   'Amount': 'Amount',
   'Counting': 'Count',

package/{lib → dist}/locale/lang/ru.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-var ru = {
+const ru = {
   'Empty': 'Empty',
   'Amount': 'Amount',
   'Counting': 'Count',

package/{lib → dist}/locale/lang/zh_CN.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-var zh_CN = {
+const zh_CN = {
   'Empty': '空',
   'Amount': '数量',
   'Counting': '计数',

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;

package/dist/model/completeness.js

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

package/dist/model/dashboard.js

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