@easyv/charts 1.8.21 → 1.8.23

package/lib/components/Indicator.js

@@ -79,6 +79,7 @@ var _default = exports["default"] = function _default(_ref) {
     },
     fill: isShow ? color : "transparent",
     y: y,
-    stroke: "none"
+    stroke: "none",
+    pointerEvents: "none" // 添加此属性实现事件穿透
   }) : "";
 };

package/lib/components/PieChart.js

@@ -1112,6 +1112,7 @@ var RingLabel = function RingLabel(_ref12) {
     _ref12$config$value = _ref12$config.value,
     showValue = _ref12$config$value.show,
     valueFont = _ref12$config$value.font,
+    valueSameColor = _ref12$config$value.sameColor,
     _ref12$config$value$s = _ref12$config$value.suffix,
     showSuffix = _ref12$config$value$s.show,
     text = _ref12$config$value$s.text,
@@ -1122,6 +1123,7 @@ var RingLabel = function RingLabel(_ref12) {
     valueTranslate = _ref12$config$value.translate,
     _ref12$config$percent = _ref12$config.percent,
     showPercent = _ref12$config$percent.show,
+    percentSameColor = _ref12$config$percent.sameColor,
     percentFont = _ref12$config$percent.font,
     precision = _ref12$config$percent.precision,
     percentTranslate = _ref12$config$percent.translate,

package/package.json

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

package/src/components/Indicator.js

@@ -56,6 +56,7 @@ export default ({
       fill={isShow ? color : "transparent"}
       y={y}
       stroke="none"
+      pointerEvents="none"  // 添加此属性实现事件穿透
     />
   ):"";
 };

package/src/components/PieChart.js

@@ -1106,7 +1106,14 @@ const Label = ({
     align,
     show,
     translate: { x: translateX, y: translateY },
-    name: { show: showName, font: nameFont, maxWidth, textOverflow, speed,translate:NameTranslate },
+    name: {
+      show: showName,
+      font: nameFont,
+      maxWidth,
+      textOverflow,
+      speed,
+      translate: NameTranslate,
+    },
     value: {
       show: showValue,
       font: valueFont,
@@ -1117,14 +1124,14 @@ const Label = ({
         fontSize: suffixFontSize,
         translate: { x: suffixTranslateX, y: suffixTranslateY },
       },
-      translate:ValueTranslate
+      translate: ValueTranslate,
     },
     percent: {
       show: showPercent,
       sameColor: percentSameColor,
       font: percentFont,
       precision,
-      translate:PercentTranslate
+      translate: PercentTranslate,
     },
   },
   iosStyle: { isIOS, left, top },
@@ -1240,7 +1247,12 @@ const Label = ({
                       width: "max-content",
                       display: "flex",
                       flexDirection: mode == "horizontal" ? "row" : "column",
-                      alignItems: align=="left"?"flex-start":align=="center"?"center":"flex-end",
+                      alignItems:
+                        align == "left"
+                          ? "flex-start"
+                          : align == "center"
+                          ? "center"
+                          : "flex-end",
                       justifyContent: "center",
                     }}
                   >
@@ -1255,7 +1267,7 @@ const Label = ({
                           maxWidth,
                           ...nameStyle,
                           float: mode == "horizontal" ? "left" : "none",
-                          transform: `translate(${NameTranslate.x}px, ${NameTranslate.y}px)`
+                          transform: `translate(${NameTranslate.x}px, ${NameTranslate.y}px)`,
                         }}
                       ></TextOverflow>
                     )}
@@ -1264,7 +1276,7 @@ const Label = ({
                         style={{
                           ...getFontStyle(valueFont),
                           color: valueSameColor ? pure : valueFont.color,
-                          transform: `translate(${ValueTranslate.x}px, ${ValueTranslate.y}px)`
+                          transform: `translate(${ValueTranslate.x}px, ${ValueTranslate.y}px)`,
                         }}
                       >
                         {data.y}
@@ -1339,6 +1351,7 @@ const RingLabel = ({
     value: {
       show: showValue,
       font: valueFont,
+      sameColor: valueSameColor,
       suffix: {
         show: showSuffix,
         text,
@@ -1349,6 +1362,7 @@ const RingLabel = ({
     },
     percent: {
       show: showPercent,
+      sameColor: percentSameColor,
       font: percentFont,
       precision,
       translate: percentTranslate,
@@ -1393,7 +1407,6 @@ const RingLabel = ({
           index
         ) => {
           const [x, y] = arc.centroid();
-
           const midAngle = Math.atan2(y, x);
 
           const [x1, y1] = getCoord(