@easyv/charts 1.10.11 → 1.10.12

package/lib/components/Axis.js

@@ -281,6 +281,7 @@ var Label = function Label(_ref5) {
       position: "relative",
       // 替换 absolute
       cursor: "pointer",
+      display: !adaptive ? "inline-block" : "block",
       transform: "translate(".concat(x + (isIOS ? iosX : 0), "px, ").concat(y + (isIOS ? iosY : 0), "px)") // 用 transform 定位
     })
   }, !adaptive ? /*#__PURE__*/_react["default"].createElement(_TextOverflow["default"], {

package/lib/components/ChartContainer.js

@@ -43,7 +43,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(
     onMouseMove: onMouseMove,
     ref: ref,
     style: _objectSpread({
-      overflow: "hidden",
+      overflow: "visible",
       position: "absolute",
       width: width,
       height: height

package/package.json

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

package/src/components/Axis.tsx

@@ -32,7 +32,7 @@ const getCanvasContext = (): CanvasRenderingContext2D => {
 export const calculateTextWidth = (
   text: string,
   fontConfig: any,
-  isVertical: any
+  isVertical: any,
 ): number => {
   if (!text) return 0;
   const ctx = getCanvasContext();
@@ -82,14 +82,14 @@ const defaultOrientation = "bottom";
 const defaultTickSize = 6;
 const defaultFormatter: (
   d: string,
-  { suffix }: { suffix: string }
+  { suffix }: { suffix: string },
 ) => string = (d, { suffix }) => d + suffix;
 
 const getAxesPath: (
   orientation: Orientation,
   { width, height }: Context,
   cHeight: number,
-  cPercent: number
+  cPercent: number,
 ) => string = (orientation, { width, height }, cHeight, cPercent) => {
   switch (orientation) {
     case "top":
@@ -112,7 +112,7 @@ const getAxesPath: (
  */
 const getLayout: (
   orientation: Orientation,
-  rotate: number
+  rotate: number,
 ) => {
   transform: string;
   directionX: number;
@@ -253,7 +253,7 @@ function maxLabelFT(
   config: any,
   formatter: any,
   font: any,
-  isVertical: any
+  isVertical: any,
 ) {
   let max = 0;
   data.length
@@ -265,7 +265,7 @@ function maxLabelFT(
               format: { type: config.format, showType: config.showType },
             }),
             font,
-            isVertical
+            isVertical,
           ) > max
         )
           max = calculateTextWidth(
@@ -274,14 +274,14 @@ function maxLabelFT(
               format: { type: config.format, showType: config.showType },
             }),
             font,
-            isVertical
+            isVertical,
           );
       })
     : "";
   return max;
 }
 const Label: (
-  props: LabelType
+  props: LabelType,
 ) => ReactComponentElement<ComponentType> | null = ({
   className,
   orientation = defaultOrientation,
@@ -311,7 +311,7 @@ const Label: (
   });
   const { transform, directionX, directionY } = getLayout(
     orientation,
-    adaptive ? 0 : rotate
+    adaptive ? 0 : rotate,
   );
   const isVertical = orientation == "left" || orientation == "right";
 
@@ -339,6 +339,7 @@ const Label: (
           ...getFontStyle(font),
           position: "relative", // 替换 absolute
           cursor: "pointer",
+          display: !adaptive ? "inline-block" : "block",
           transform: `translate(${x + (isIOS ? iosX : 0)}px, ${
             y + (isIOS ? iosY : 0)
           }px)`, // 用 transform 定位
@@ -358,8 +359,8 @@ const Label: (
                 textAlign == "left"
                   ? "flex-start"
                   : textAlign == "right"
-                  ? "flex-end"
-                  : "center",
+                    ? "flex-end"
+                    : "center",
             }}
           ></TextOverflow>
         ) : (
@@ -409,7 +410,7 @@ export default memo(
         rawTicks,
         paddingOuter,
       }: any,
-      ref
+      ref,
     ) => {
       const { width, height, isIOS } = useContext(chartContext);
       const { cHeight, isC, cPercent } = controlInfo;
@@ -426,13 +427,13 @@ export default memo(
             label,
             formatter,
             label.font,
-            isVertical
+            isVertical,
           );
         }
       }
       const LabelNum = !isVertical
         ? Math.floor(
-            ((width / (isC ? cPercent : 1)) * (1 - paddingOuter)) / LabelWidth
+            ((width / (isC ? cPercent : 1)) * (1 - paddingOuter)) / LabelWidth,
           )
         : Math.floor(height / LabelWidth);
 
@@ -445,7 +446,7 @@ export default memo(
                 ? Math.ceil(allTicks.length / 2)
                 : LabelNum
               : allTicks.length,
-            label.showLast
+            label.showLast,
           );
       if (!(on && ticks.length > 0)) return null;
 
@@ -453,7 +454,7 @@ export default memo(
       function getEvenlySpacedElements(
         arr: any[],
         expectCount: number,
-        acc: boolean = false
+        acc: boolean = false,
       ): any[] {
         if (!arr.length || expectCount <= 0) return [];
         if (expectCount >= arr.length) return [...arr];
@@ -732,6 +733,6 @@ export default memo(
           </svg>
         </g>
       );
-    }
-  )
+    },
+  ),
 );

package/src/components/ChartContainer.tsx

@@ -54,7 +54,7 @@ export default memo(
           onMouseMove={onMouseMove}
           ref={ref}
           style={{
-            overflow: "hidden",
+            overflow: "visible",
             position: "absolute",
             width,
             height,