@easyv/charts 1.7.27 → 1.7.29

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

@@ -26,6 +26,7 @@ var defaultFont = {
 };
 var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var series = _ref.series,
+    height = _ref.height,
     config = _ref.config,
     _ref$config = _ref.config,
     show = _ref$config.show,
@@ -127,7 +128,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
       position: 'absolute',
       display: 'flex'
     }, getPosition(position, _alignment, x, y)), {}, {
-      height: loop.show ? loop.height : 'auto',
+      height: loop.show ? height : 'auto',
       overflowY: loop.show ? 'scroll' : 'auto'
     }),
     ref: ref_container

package/lib/components/PieChart.js

@@ -611,6 +611,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     },
     mousePos: mousePos
   }), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
+    height: chartHeight,
     series: _arcs.map(function (arc) {
       return _objectSpread(_objectSpread({}, arc), {}, {
         percent: arc.percent.toFixed(legendPrecision)
@@ -769,6 +770,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     },
     mousePos: mousePos
   }), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
+    height: chartHeight,
     series: _arcs.map(function (arc) {
       return _objectSpread(_objectSpread({}, arc), {}, {
         percent: arc.percent.toFixed(legendPrecision)

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.27",
+  "version": "1.7.29",
   "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/Legend.js

@@ -13,6 +13,7 @@ const defaultFont = {
 export default memo(
   ({
     series,
+    height,
     config,
     config: {
       show,
@@ -105,7 +106,7 @@ export default memo(
           position: 'absolute',
           display: 'flex',
           ...getPosition(position, _alignment, x, y),
-          height: loop.show ? loop.height : 'auto',
+          height: loop.show ? height : 'auto',
           overflowY: loop.show ? 'scroll' : 'auto',
         }}
         ref={ref_container}

package/src/components/PieChart.js

@@ -628,6 +628,7 @@ const Component = memo(
           )}
         <Legend
           {...legend}
+          height={chartHeight}
           series={_arcs.map((arc) => ({
             ...arc,
             percent: arc.percent.toFixed(legendPrecision),
@@ -871,6 +872,7 @@ const Component = memo(
           )}
         <Legend
           {...legend}
+          height={chartHeight}
           series={_arcs.map((arc) => ({
             ...arc,
             percent: arc.percent.toFixed(legendPrecision),

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>
-    ):"";
+    );
   }
 );