sea-chart 0.0.74 → 0.0.76-alpha.0

package/dist/settings/basic-number-card/data-settings.js

@@ -150,7 +150,7 @@ const DataSettings = _ref => {
     onChange: onChange
   }), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_type')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
     value: selectedSummaryTypeOption,

package/dist/settings/trend-settings/data-settings.js

@@ -98,7 +98,7 @@ const DataSettings = _ref => {
     className: "mt-4"
   }), /*#__PURE__*/React.createElement(BasicSummary, {
     className: "selected-y-axis",
-    label: intl.get('Summary_method'),
+    label: intl.get('Summary_type'),
     summaryTypeKey: 'summary_type',
     summaryMethodKey: 'summary_method',
     summaryColumnKey: 'summary_column_key',

package/dist/utils/chart-utils/original-data-utils/completeness-calculator.js

@@ -73,32 +73,30 @@ async function calculator(chart, value, _ref) {
           targetValue,
           rows
         } = labelCountMap[label];
-        if (currentValue < targetValue) {
-          result.unshift({
-            name: label,
-            value: currentValue,
-            type: 'completed',
-            current_value: currentValue,
-            target_value: targetValue,
-            rows
-          }, {
-            name: label,
-            value: targetValue - currentValue,
-            type: 'uncompleted',
-            current_value: currentValue,
-            target_value: targetValue,
-            rows
-          });
+        let completedRate;
+        if (!targetValue && currentValue) {
+          completedRate = 100;
+        } else if (!targetValue && !currentValue) {
+          completedRate = 'empty';
         } else {
-          result.unshift({
-            name: label,
-            value: currentValue,
-            type: 'completed',
-            current_value: currentValue,
-            target_value: targetValue,
-            rows
-          });
+          completedRate = (currentValue / targetValue * 100).toFixed(0);
         }
+        result.push({
+          name: label,
+          value: currentValue,
+          group_name: 'completed',
+          current_value: currentValue,
+          target_value: targetValue,
+          rows
+        }, {
+          name: label,
+          value: Math.max(targetValue - currentValue, 0),
+          group_name: 'rest',
+          current_value: currentValue,
+          target_value: targetValue,
+          rows,
+          completedRate
+        });
       }
     });
   } else {
@@ -172,38 +170,34 @@ async function calculator(chart, value, _ref) {
           targetValue,
           rows
         } = labelCountMap[key];
-        if (currentValue < targetValue) {
-          result.unshift({
-            name: label,
-            groupby: groupLabel,
-            value: currentValue,
-            color,
-            type: 'completed',
-            current_value: currentValue,
-            target_value: targetValue,
-            rows
-          }, {
-            name: label,
-            groupby: groupLabel,
-            value: targetValue - currentValue,
-            color,
-            type: 'uncompleted',
-            current_value: currentValue,
-            target_value: targetValue,
-            rows
-          });
+        let completedRate;
+        if (!targetValue && currentValue) {
+          completedRate = 100;
+        } else if (!targetValue && !currentValue) {
+          completedRate = 'empty';
         } else {
-          result.unshift({
-            name: label,
-            groupby: groupLabel,
-            value: currentValue,
-            color,
-            type: 'completed',
-            current_value: currentValue,
-            target_value: targetValue,
-            rows
-          });
+          completedRate = (currentValue / targetValue * 100).toFixed(0);
         }
+        result.push({
+          name: label,
+          groupby: groupLabel,
+          value: currentValue,
+          color,
+          group_name: 'completed',
+          current_value: currentValue,
+          target_value: targetValue,
+          rows
+        }, {
+          name: label,
+          groupby: groupLabel,
+          value: Math.max(targetValue - currentValue, 0),
+          color,
+          group_name: 'rest',
+          current_value: currentValue,
+          target_value: targetValue,
+          rows,
+          completedRate
+        });
       }
     });
     result.colorMap = colorMap;

package/dist/view/wrapper/area.js

@@ -69,7 +69,7 @@ class Area extends ChartComponent {
         line_type,
         y_axis_show_value,
         label_font_size,
-        summary_columns
+        summary_columns = []
       } = chart.config;
       const newData = this.getChartGroupData(data);
       const isSmooth = line_type === CHART_LINE_TYPES[1];

package/dist/view/wrapper/completeness.js

@@ -3,7 +3,7 @@ import React, { useEffect, useRef } from 'react';
 import { maxBy } from 'lodash-es';
 import { BaseUtils, isBoolean } from '../../utils';
 import intl from '../../intl';
-import { CHART_STYLE_COLORS, CHART_TYPE, CHART_THEME_COLOR } from '../../constants';
+import { CHART_TYPE, CHART_THEME_COLOR } from '../../constants';
 import ChartComponent from './chart-component';
 export default function Completeness(props) {
   var _chartRef$current, _chartRef$current2;
@@ -21,11 +21,13 @@ export default function Completeness(props) {
       var _style_config$title;
       let {
         chart: {
-          style_config
+          style_config,
+          config
         }
       } = props;
       chartPaddingTop = ((_style_config$title = style_config.title) === null || _style_config$title === void 0 ? void 0 : _style_config$title.text) ? 17 : 0;
-      const appendPadding = [chartPaddingTop, 30, 0, 0];
+      const chartPaddingRight = (config === null || config === void 0 ? void 0 : config.show_percentage) ? 45 : 0;
+      const appendPadding = [chartPaddingTop, chartPaddingRight, 0, 0];
       currentChart.initChart(chartContainerRef.current, {
         appendPadding
       });

package/package.json

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