@easyv/charts 1.5.0 → 1.5.2

package/lib/components/CartesianChart.js

@@ -269,13 +269,16 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   (0, _react.useLayoutEffect)(function () {
     var controlEnd = axisX.controlEnd,
         start = axisX.start;
-    controlEl.current.style.transform = "translate(".concat(cBarX, "px,0)"); //计算出当前位移的百分比
 
-    var percent = cBarX / (cWidth - cBarWidth);
-    var translateX = -(controlEnd + start / cPercent - chartWidth) * percent;
-    curControlPercent.current = percent;
-    seriesEl.current.style.transform = "translate(".concat(translateX, "px,").concat(marginTop, "px)");
-    axisElList.current[2].style.transform = "translate(".concat(translateX, "px,", 0, "px)");
+    if (controlEl.current) {
+      controlEl.current.style.transform = "translate(".concat(cBarX, "px,0)"); //计算出当前位移的百分比
+
+      var percent = cBarX / (cWidth - cBarWidth);
+      var translateX = -(controlEnd + start / cPercent - chartWidth) * percent;
+      curControlPercent.current = percent;
+      seriesEl.current.style.transform = "translate(".concat(translateX, "px,").concat(marginTop, "px)");
+      axisElList.current[2].style.transform = "translate(".concat(translateX, "px,", 0, "px)");
+    }
   }, [controlInfo]); //控制条轮播动画
 
   (0, _react.useEffect)(function () {
@@ -376,7 +379,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
         cancelAnimationFrame(controlTimer.current);
       };
     }
-  }, [JSON.stringify(animation), control, controlInfo]); //初始化控制图提示框状态的函数
+  }, [JSON.stringify(animation), control, cWidth, cHeight, cBarWidth, cPercent]); //初始化控制图提示框状态的函数
 
   var initCtlTip = function initCtlTip() {
     return {

package/package.json

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

package/src/components/CartesianChart.js

@@ -232,14 +232,16 @@ const Chart = memo(
     //cBarX变化后，修改图表的偏移值
     useLayoutEffect(()=>{
       const { controlEnd, start } = axisX;
-      controlEl.current.style.transform = `translate(${cBarX}px,0)`;
-      //计算出当前位移的百分比
-      const percent = cBarX / (cWidth - cBarWidth);
-      const translateX = -(controlEnd + start/cPercent - chartWidth) * percent;
-      curControlPercent.current = percent;
-      seriesEl.current.style.transform = `translate(${translateX}px,${marginTop}px)`;
-      axisElList.current[2].style.transform = `translate(${translateX}px,${0}px)`;
-    },[controlInfo]);
+      if(controlEl.current){
+        controlEl.current.style.transform = `translate(${cBarX}px,0)`;
+        //计算出当前位移的百分比
+        const percent = cBarX / (cWidth - cBarWidth);
+        const translateX = -(controlEnd + start/cPercent - chartWidth) * percent;
+        curControlPercent.current = percent;
+        seriesEl.current.style.transform = `translate(${translateX}px,${marginTop}px)`;
+        axisElList.current[2].style.transform = `translate(${translateX}px,${0}px)`;
+      }
+      },[controlInfo]);
     //控制条轮播动画
     useEffect(() => {
       if (controlEl.current && control) {
@@ -317,7 +319,7 @@ const Chart = memo(
           cancelAnimationFrame(controlTimer.current);
         };
       }
-    }, [JSON.stringify(animation), control, controlInfo]);
+    }, [JSON.stringify(animation), control, cWidth, cHeight, cBarWidth, cPercent]);
     //初始化控制图提示框状态的函数
     const initCtlTip = ()=>{
       return {