@easyv/charts 1.5.3 → 1.5.4

package/lib/components/PieChart.js

@@ -316,18 +316,20 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       _ref5$config$animatio = _ref5$config.animation,
       on = _ref5$config$animatio.on,
       _ref5$config$animatio2 = _ref5$config$animatio.current,
-      _ref5$config$animatio3 = _ref5$config$animatio2.heighten,
-      heighten = _ref5$config$animatio3 === void 0 ? 0 : _ref5$config$animatio3,
-      _ref5$config$animatio4 = _ref5$config$animatio2.opacity,
-      opacity = _ref5$config$animatio4 === void 0 ? 0 : _ref5$config$animatio4,
-      _ref5$config$animatio5 = _ref5$config$animatio2.width,
-      radiusWidthAdd = _ref5$config$animatio5 === void 0 ? 0 : _ref5$config$animatio5,
+      _ref5$config$animatio3 = _ref5$config$animatio2.widthen,
+      widthen = _ref5$config$animatio3 === void 0 ? 0 : _ref5$config$animatio3,
+      _ref5$config$animatio4 = _ref5$config$animatio2.heighten,
+      heighten = _ref5$config$animatio4 === void 0 ? 0 : _ref5$config$animatio4,
+      _ref5$config$animatio5 = _ref5$config$animatio2.opacity,
+      opacity = _ref5$config$animatio5 === void 0 ? 0 : _ref5$config$animatio5,
+      _ref5$config$animatio6 = _ref5$config$animatio2.width,
+      radiusWidthAdd = _ref5$config$animatio6 === void 0 ? 0 : _ref5$config$animatio6,
       animateColor = _ref5$config$animatio2.color,
       animateCTS = _ref5$config$animatio2.textStyle,
-      _ref5$config$animatio6 = _ref5$config$animatio2.gap,
-      gap = _ref5$config$animatio6 === void 0 ? 0 : _ref5$config$animatio6,
-      _ref5$config$animatio7 = _ref5$config$animatio.rotate,
-      rotate = _ref5$config$animatio7 === void 0 ? 0 : _ref5$config$animatio7,
+      _ref5$config$animatio7 = _ref5$config$animatio2.gap,
+      gap = _ref5$config$animatio7 === void 0 ? 0 : _ref5$config$animatio7,
+      _ref5$config$animatio8 = _ref5$config$animatio.rotate,
+      rotate = _ref5$config$animatio8 === void 0 ? 0 : _ref5$config$animatio8,
       _ref5$config$tooltip = _ref5$config.tooltip,
       tooltip = _ref5$config$tooltip === void 0 ? {} : _ref5$config$tooltip,
       config = _ref5.config,
@@ -701,8 +703,9 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     var prev = index == prevIndex.current;
     var offset = current ? y : prev ? 1 - y : 0;
     var fillOpacity = animateColor ? 1 : current ? opacity / 100 : 1;
+    var deltaWidthen = offset * widthen;
     var deltaHeighten = offset * heighten;
-    var path = arc.innerRadius(innerRadius + deltaHeighten).outerRadius(outerRadius + deltaHeighten)(value);
+    var path = arc.innerRadius(innerRadius + deltaWidthen).outerRadius(outerRadius + deltaHeighten + deltaWidthen)(value);
     var pie = (0, _utils.getColorList)(series.color);
     var currentPie = animateColor ? (0, _utils.getColorList)(animateColor) : (0, _utils.getColorList)(series.color);
     var textPath = "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/src/components/PieChart.js

@@ -272,6 +272,7 @@ const Component = memo(
       animation: {
         on,
         current: {
+          widthen = 0,
           heighten = 0,
           opacity = 0,
           width: radiusWidthAdd = 0,
@@ -679,10 +680,11 @@ const Component = memo(
                   : current
                   ? opacity / 100
                   : 1;
+                const deltaWidthen = offset * widthen;
                 const deltaHeighten = offset * heighten;
                 const path = arc
-                  .innerRadius(innerRadius + deltaHeighten)
-                  .outerRadius(outerRadius + deltaHeighten)(value);
+                  .innerRadius(innerRadius + deltaWidthen)
+                  .outerRadius(outerRadius + deltaHeighten + deltaWidthen)(value);
                 const pie = getColorList(series.color);
                 const currentPie = animateColor
                   ? getColorList(animateColor)