sea-chart 2.0.20 → 2.0.21

package/dist/view/wrapper/chart-component.js

@@ -614,8 +614,10 @@ class ChartComponent extends _react.Component {
       const legendData = _utils.BaseUtils.sortDataByGroupName((0, _lodashEs.cloneDeep)(data), legendName, groupColumn, chart);
       const {
         width: chartWidth,
+        height: chartHeight,
         insertPadding,
-        rightLegendSpace
+        rightLegendSpace,
+        bottomLegendSpace
       } = this.chartBoundingClientRect;
       const groupsData = this.getLegendDataGroups(legendData);
       const legendWrapper = this.chart.append('g').attr('class', 'legend-wrapper');
@@ -688,7 +690,8 @@ class ChartComponent extends _react.Component {
             } = g.node().parentNode.getBoundingClientRect();
             groupTranslateY = groupTranslateY + height + legendItemMargin;
           }
-          g.attr('transform', "translate(".concat(groupTranslateX, ", ").concat(groupTranslateY, ")"));
+          const curTranslateY = bottomLegendSpace ? chartHeight - bottomLegendSpace : groupTranslateY; // pageNavigator offset bottom
+          g.attr('transform', "translate(".concat(groupTranslateX, ", ").concat(curTranslateY, ")"));
         });
       }
     };

package/dist/view/wrapper/scatter.js

@@ -53,16 +53,18 @@ class Scatter extends _chartComponent.default {
       } = this.props;
       data = _utils.BaseUtils.formatEmptyName(data, '', _intl.default.get('Empty'));
       if (!Array.isArray(data)) return;
-      this.transformStringToNumber(data);
+      data = this.transformStringToNumber(data);
       this.draw(data);
       this.renderAxisLabel(this.props.chart, this.props.tables, this.container);
       (0, _utils.isFunction)(customRender) && customRender(this.chart);
     };
     this.transformStringToNumber = data => {
-      data.forEach(item => {
-        item.name = Number(item.name);
-        item.value = Number(item.value);
+      const newData = (0, _lodashEs.cloneDeep)(data);
+      newData.forEach(item => {
+        item.name = item.original_value.name;
+        item.value = item.original_value.value;
       });
+      return newData;
     };
     this.getFillColor = data => {
       const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "2.0.20",
+  "version": "2.0.21",
   "main": "./dist/index.js",
   "dependencies": {
     "@dnd-kit/core": "^6.1.0",
@@ -157,4 +157,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}