@easyv/charts 1.7.34 → 1.7.36

package/lib/components/Band.js

@@ -197,7 +197,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
       borderWidth = _ref6$borderWidth === void 0 ? 0 : _ref6$borderWidth;
     var borderStr = "".concat(pure, " solid ").concat(borderWidth, "px");
     var borderImageSource = (0, _utils.getMultiColorStr)(linear);
-    var positionX = xScaler(x) - step / 2 + seriesStart + index * seriesStep;
+    var positionX = _data.length == 1 ? xScaler(x) - seriesStart / 2 : xScaler(x) - step / 2 + seriesStart + index * seriesStep;
     var showHead, headType, headUrl, headVideo, headWidth, headHeight, headTranslate;
     if (headDecorate) {
       showHead = headDecorate.show, headType = headDecorate.type, headUrl = headDecorate.url, headVideo = headDecorate.video, headWidth = headDecorate.size.width, headHeight = headDecorate.size.height, headTranslate = headDecorate.translate;

package/lib/components/Chart.js

@@ -55,7 +55,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
     props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   var width = props.width,
     height = props.height;
-  var isIOS = (0, _react.useRef)(/iPad|iPhone|iPod|iOS|CriOS/i.test(navigator.userAgent));
+  var isIOS = (0, _react.useRef)(/iPad|iPhone|iPod|iOS/i.test(navigator.userAgent) || /Mac OS X/i.test(navigator.userAgent) && !/Chrome/i.test(navigator.userAgent));
   var svg = /*#__PURE__*/(0, _react.createRef)();
   var chartWidth = width - marginLeft - marginRight;
   var chartHeight = height - marginTop - marginBottom;

package/lib/components/Control.js

@@ -25,6 +25,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(
     setControlWidth = _props$actions.setControlWidth,
     _props$props = props.props,
     _props$props$control = _props$props.control,
+    thumbnail = _props$props$control.thumbnail,
     height = _props$props$control.height,
     color = _props$props$control.color,
     gap = _props$props$control.gap,
@@ -237,7 +238,10 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(
     }
   }, /*#__PURE__*/_react["default"].createElement("svg", {
     width: "100%",
-    height: "100%"
+    height: "100%",
+    style: {
+      display: thumbnail ? "block" : "none"
+    }
   }, series.map(function (_ref, index) {
     var Component = _ref.Component,
       yOrZ = _ref.yOrZ,

package/package.json

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

package/src/components/Band.tsx

@@ -164,8 +164,8 @@ export default memo(
             }, borderWidth=0 } = border || {};
             const borderStr = `${pure} solid ${borderWidth}px`;
             const borderImageSource = getMultiColorStr(linear);
-            const positionX = xScaler(x) - step / 2 + seriesStart + index * seriesStep;
-
+            const positionX =_data.length==1? xScaler(x) -seriesStart/2 :xScaler(x) - step / 2 + seriesStart + index * seriesStep;
+            
             let showHead, headType, headUrl, headVideo, headWidth, headHeight, headTranslate;
             if (headDecorate) {
               (showHead = headDecorate.show),

package/src/components/Chart.js

@@ -37,7 +37,11 @@ const Chart = memo(
     ...props
   }) => {
     const { width, height } = props;
-    const isIOS = useRef(/iPad|iPhone|iPod|iOS|CriOS/i.test(navigator.userAgent));
+    const isIOS = useRef(
+      /iPad|iPhone|iPod|iOS/i.test(navigator.userAgent) ||
+        (/Mac OS X/i.test(navigator.userAgent) &&
+          !/Chrome/i.test(navigator.userAgent))
+    );
     const svg = createRef();
     const chartWidth = width - marginLeft - marginRight;
     const chartHeight = height - marginTop - marginBottom;

package/src/components/Control.jsx

@@ -7,7 +7,7 @@ export default memo(forwardRef((props, ref) => {
   const { 
     actions:{ setX, setWorking, setControlWidth }, 
     props: { 
-      control:{ height, color, gap, drag:{ color:dragColor }, margin:{ left } }, 
+      control:{thumbnail, height, color, gap, drag:{ color:dragColor }, margin:{ left } }, 
       controlInfo:{ cWidth, cBarWidth },
       axes, series, top, bandLength 
     }
@@ -16,7 +16,7 @@ export default memo(forwardRef((props, ref) => {
   const scale = context.scale;
   const xAxis = axes.get("x");
   const barRef = useRef();
-
+  
   const barStyle={
     position:"absolute",
     top:0,
@@ -207,7 +207,7 @@ export default memo(forwardRef((props, ref) => {
         transform: `translate(${left}px,${top-height+gap}px)`,
       }}
     >
-      <svg width="100%" height="100%">
+      <svg width="100%" height="100%" style={{display:thumbnail?"block":"none"}} >
         {series.map(({ Component, yOrZ, ...config }, index) => {
           const yAxis = axes.get(yOrZ);
           const cloneYAxis = JSON.parse(JSON.stringify(yAxis));