@easyv/charts 1.7.33 → 1.7.35

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/PieChart.js

@@ -601,7 +601,12 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     },
     arcs: _arcs,
     judge: judgeData
-  }))), 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,
@@ -610,7 +615,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.7.33",
+  "version": "1.7.35",
   "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/PieChart.js

@@ -615,6 +615,7 @@ const Component = memo(
           mousePos.x != 0 &&
           mousePos.y != 0 &&
           tooltip.manual && (
+            <div style={{ position: 'absolute', zIndex: 9999 }}>
             <PieTooltip
               series={series}
               data={hoverData}
@@ -625,6 +626,7 @@ const Component = memo(
               }}
               mousePos={mousePos}
             />
+            </div>
           )}
         <Legend
           {...legend}