@easyv/charts 1.10.5 → 1.10.7

package/lib/components/CartesianChart.js

@@ -606,9 +606,9 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     id: "chart-clip-".concat(id)
   }, /*#__PURE__*/_react["default"].createElement("rect", {
     x: clipX,
-    y: "0",
+    y: -marginTop,
     width: xLineRange,
-    height: yLineRange,
+    height: yLineRange + marginTop,
     fill: "transparent"
   }))), /*#__PURE__*/_react["default"].createElement("g", {
     clipPath: "url(#chart-clip-".concat(id, ")")
@@ -691,8 +691,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     marginTop: marginTop,
     tickName: ctlXName,
     series: series,
-    width: width,
-    height: height,
+    width: bodyWidth,
+    height: bodyHeight,
     auto: auto,
     manual: manual
   }))), baseLineData && baseLineData.length > 0 && baseLineData.map(function (item, index) {

package/package.json

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

package/src/components/CartesianChart.js

@@ -608,9 +608,9 @@ const Chart = memo(
                 <clipPath id={`chart-clip-${id}`}>
                   <rect
                     x={clipX}
-                    y="0"
+                    y={-marginTop}
                     width={xLineRange}
-                    height={yLineRange}
+                    height={yLineRange + marginTop}
                     fill="transparent"
                   />
                 </clipPath>
@@ -732,8 +732,8 @@ const Chart = memo(
                 marginTop={marginTop}
                 tickName={ctlXName}
                 series={series}
-                width={width}
-                height={height}
+                width={bodyWidth}
+                height={bodyHeight}
                 auto={auto}
                 manual={manual}
               />

package/src/components/Chart.js

@@ -48,7 +48,7 @@ const Chart = memo(
     const isIOS = useRef(
       /iPad|iPhone|iPod|iOS/i.test(navigator.userAgent) ||
         (/Mac OS X/i.test(navigator.userAgent) &&
-          !/Chrome/i.test(navigator.userAgent))
+          !/Chrome/i.test(navigator.userAgent)),
     );
     const svg = createRef();
     const chartWidth = width - marginLeft - marginRight;
@@ -81,12 +81,12 @@ const Chart = memo(
             });
         }
       },
-      [JSON.stringify(interaction)]
+      [JSON.stringify(interaction)],
     );
 
     const onEmit = useCallback(
       (type = "click", data) => emit && emit(type, data),
-      [emit]
+      [emit],
     );
 
     const context = useMemo(
@@ -101,7 +101,7 @@ const Chart = memo(
         svg,
         onEmit,
       }),
-      [id, chartWidth, chartHeight, triggerOnRelative, svg, onEmit]
+      [id, chartWidth, chartHeight, triggerOnRelative, svg, onEmit],
     );
 
     useEffect(() => {
@@ -185,7 +185,7 @@ const Chart = memo(
       } catch (e) {}
       return [];
     }
-  }
+  },
 );
 
 export default Chart;