@easyv/charts 1.7.28 → 1.7.30

package/lib/components/CartesianChart.js

@@ -173,6 +173,9 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       document.removeEventListener("setCurrent_".concat(id), handleAction);
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    setCtlTip(initCtlTip);
+  }, [JSON.stringify(axisX.ticks)]);
   (0, _react.useEffect)(function () {
     setCurXLabel(defaultSelected);
   }, [defaultSelected]);
@@ -242,7 +245,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     return tickName !== undefined && originData.filter(function (d) {
       return d.x === tickName;
     });
-  }, [tickName, originData]);
+  }, [tickName, JSON.stringify(originData)]);
   var showTooltip = !!(tooltipData && tooltipData.length && (auto || manual));
   var isVertical = axisX.direction === "vertical";
   var indicatorWidth = indicator.width * (control ? axisX.controlStep : axisX.step) / 100;

package/lib/components/Legend.js

@@ -122,7 +122,6 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
       d.percent = 0;
     });
   }
-  console.log("height", height);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "__easyv-legend-wrapper",
     style: _objectSpread(_objectSpread({

package/lib/components/PieChart.js

@@ -760,7 +760,12 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     config: decorate,
     arcs: _arcs,
     radius: radius
-  }), tooltip && mousePos && mousePos.x != 0 && mousePos.y != 0 && tooltip.manual && /*#__PURE__*/_react["default"].createElement(_PieTooltip.PieTooltip, {
+  }), tooltip && mousePos && mousePos.x != 0 && mousePos.y != 0 && tooltip.manual && /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      position: 'absolute',
+      zIndex: 9999
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_PieTooltip.PieTooltip, {
     series: series,
     data: hoverData,
     config: tooltip,
@@ -769,7 +774,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       y: maxRadius + marginTop
     },
     mousePos: mousePos
-  }), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
+  })), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
     height: chartHeight,
     series: _arcs.map(function (arc) {
       return _objectSpread(_objectSpread({}, arc), {}, {

package/lib/components/Tooltip.js

@@ -66,7 +66,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
     }
     return (0, _utils.getTranslate3d)(translate3d);
   }, [width, height, marginLeft, marginTop, position, tipWidth, tipHeight, translateTip]);
-  return manual ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "__easyv-tooltip",
     style: _objectSpread({
       pointerEvents: 'none',
@@ -154,5 +154,5 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
         transform: (0, _utils.getTranslate3d)(suffixTranslate)
       })
     }, tmp.get(s))));
-  })))) : "";
+  }))));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.7.28",
+  "version": "1.7.30",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -52,4 +52,4 @@
       "commit": true
     }
   }
-}
+}

package/src/components/CartesianChart.js

@@ -152,6 +152,9 @@ const Chart = memo(
         document.removeEventListener(`setCurrent_${id}`,handleAction);
       }
     },[]);
+    useEffect(()=>{
+      setCtlTip(initCtlTip);
+    },[JSON.stringify(axisX.ticks)]);
     useEffect(()=>{
       setCurXLabel(defaultSelected);
     },[defaultSelected]);
@@ -214,7 +217,7 @@ const Chart = memo(
     const tooltipData = useMemo(
       () =>
         tickName !== undefined && originData.filter((d) => d.x === tickName),
-      [tickName, originData]
+      [tickName, JSON.stringify(originData)]
     );
     
     const showTooltip = !!(

package/src/components/Indicator.js

@@ -21,7 +21,6 @@ export default ({
       (item) => item.tick === xName
     ).isShow;
   }
-
   return manual?(
     <rect
       width={width}

package/src/components/PieChart.js

@@ -855,21 +855,23 @@ const Component = memo(
           />
         )}
         {tooltip &&
-          mousePos &&
-          mousePos.x != 0 &&
-          mousePos.y != 0 &&
-          tooltip.manual && (
-            <PieTooltip
-              series={series}
-              data={hoverData}
-              config={tooltip}
-              pieCenter={{
-                x: halfChartWidth,
-                y: maxRadius + marginTop,
-              }}
-              mousePos={mousePos}
-            />
-          )}
+         mousePos &&
+         mousePos.x != 0 &&
+         mousePos.y != 0 &&
+         tooltip.manual && (
+   <div style={{ position: 'absolute', zIndex: 9999 }}>
+     <PieTooltip
+       series={series}
+       data={hoverData}
+       config={tooltip}
+       pieCenter={{
+         x: halfChartWidth,
+         y: maxRadius + marginTop,
+       }}
+       mousePos={mousePos}
+     />
+   </div>
+ )}
         <Legend
           {...legend}
           height={chartHeight}

package/src/components/Tooltip.js

@@ -63,7 +63,7 @@ export default memo(
       tipHeight,
       translateTip,
     ]);
-    return manual?(
+    return (
       <div
         className='__easyv-tooltip'
         style={{
@@ -176,6 +176,6 @@ export default memo(
           </div>
         )}
       </div>
-    ):"";
+    );
   }
 );