@easyv/charts 1.8.3 → 1.8.5

package/lib/components/Band.js

@@ -92,6 +92,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
     _ref3$isControlChart = _ref3.isControlChart,
     isControlChart = _ref3$isControlChart === void 0 ? false : _ref3$isControlChart,
     setCtlTip = _ref3.setCtlTip,
+    isXRepeat = _ref3.isXRepeat,
     _ref3$config = _ref3.config,
     _ref3$config$pattern = _ref3$config.pattern,
     pattern = _ref3$config$pattern === void 0 ? {} : _ref3$config$pattern,
@@ -197,7 +198,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 = _data.length == 1 ? xScaler(x) - seriesStart / 2 : xScaler(x) - step / 2 + seriesStart + index * seriesStep;
+    var positionX = isXRepeat ? xScaler(x) - step / 2 + seriesStart + index * seriesStep : xScaler(x) - seriesStart / 2;
     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/CartesianChart.js

@@ -19,6 +19,9 @@ var _excluded = ["Component", "yOrZ"],
   _excluded2 = ["Component", "yOrZ"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * 轴类图表
@@ -426,6 +429,30 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   });
   var bodyWidth = isVertical ? xLineRange + 100 + marginRight + marginLeft : xLineRange,
     bodyHeight = isVertical ? yLineRange : yLineRange + marginTop + marginBottom;
+  var hasDuplicateX = function hasDuplicateX(data) {
+    var xValues = new Set(); // 用Set存储已出现的x值，自动去重
+    var _iterator = _createForOfIteratorHelper(data),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        // 跳过空数据项（如示例中第三个data为空的对象）
+        if (!item.data || !item.data.length) continue;
+        // 获取当前项的x值（从嵌套结构中提取）
+        var x = item.data[0].data.x;
+        // 若x已存在于Set中，说明有重复，直接返回true
+        if (xValues.has(x)) return true;
+        // 否则将x存入Set
+        xValues.add(x);
+      }
+      // 遍历完所有项都无重复，返回false
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return false;
+  };
   (0, _react.useEffect)(function () {
     setCtlTip(function (pre) {
       return {
@@ -549,6 +576,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       yOrZ = _ref2.yOrZ,
       config = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
     var yAxis = axes.get(yOrZ);
+    var isXRepeat = hasDuplicateX(series); //x项有重复项判断
     return yAxis && Component && /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
       key: index
     }, config, {
@@ -563,7 +591,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       isControlChart: !!control,
       indicatorWidth: indicatorWidth,
       triggerClick: onInteraction,
-      setCtlTip: setCtlTip
+      setCtlTip: setCtlTip,
+      isXRepeat: isXRepeat
     }));
   }), series.map(function (_ref3, index) {
     var Component = _ref3.Component,

package/lib/components/PieChart.js

@@ -234,6 +234,8 @@ var getCircleScale = function getCircleScale() {
 var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
   var width = _ref5.width,
     height = _ref5.height,
+    left = _ref5.left,
+    top = _ref5.top,
     _ref5$config = _ref5.config,
     _ref5$config$chart = _ref5$config.chart,
     label = _ref5$config$chart.label,
@@ -299,6 +301,12 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     hoverEvent = _ref5.hoverEvent,
     _ref5$data = _ref5.data,
     originData = _ref5$data === void 0 ? [] : _ref5$data;
+  var attribute = {
+    width: width,
+    height: height,
+    top: top,
+    left: left
+  };
   var data = originData.map(function (d) {
     return _objectSpread(_objectSpread({}, d), {}, {
       y: d.y < 0 ? 0 : d.y
@@ -614,6 +622,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       x: halfChartWidth,
       y: maxRadius + marginTop
     },
+    attribute: attribute,
     mousePos: mousePos
   })), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
     height: chartHeight,
@@ -778,7 +787,8 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       x: halfChartWidth,
       y: maxRadius + marginTop
     },
-    mousePos: mousePos
+    mousePos: mousePos,
+    attribute: attribute
   })), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
     height: chartHeight,
     series: _arcs.map(function (arc) {

package/lib/components/pieTooltip.js

@@ -17,6 +17,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PieTooltip = exports.PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
   var mousePos = props.mousePos,
+    attribute = props.attribute,
     pieCenter = props.pieCenter,
     _props$config$tip = props.config.tip,
     _props$config$tip$dat = _props$config$tip.data,
@@ -97,45 +98,84 @@ var PieTooltip = exports.PieTooltip = /*#__PURE__*/(0, _react.memo)(function (pr
     centerY = pieCenter.y;
   var getTipPos = function getTipPos() {
     var getBigscreenScale = function getBigscreenScale() {
-      if (window.getScreenScale) {
-        return window.getScreenScale();
-      } else {
-        var bigscreenDom = document.getElementById('bigscreen-container');
-        if (!bigscreenDom) return [1, 1];
-        var transform = bigscreenDom.style.transform;
-        if (!transform) return [1, 1];
-        var match = transform.match(/scale\(([^)]+)\)/);
-        if (match) {
-          var scaleMatch = match[1].split(',');
-          var _scaleX = scaleMatch[0];
-          var _scaleY = scaleMatch[1];
-          if (_scaleY) {
-            return [Number(_scaleX), Number(_scaleY)];
-          } else {
-            return [Number(_scaleX), Number(_scaleX)];
+      // 优先使用全局提供的方法
+      if (typeof window.getScreenScale === 'function') {
+        try {
+          var _result = window.getScreenScale();
+          if (Array.isArray(_result) && _result.length >= 6) {
+            return _result;
           }
-        } else {
-          return [1, 1];
+        } catch (e) {
+          console.error('调用全局 getScreenScale 出错:', e);
         }
       }
+
+      // 获取容器元素
+      var bigscreenDom = document.getElementById('bigscreen-container');
+
+      // 元素不存在时的处理
+      if (!bigscreenDom) {
+        console.warn('未找到 bigscreen-container 元素，使用视口尺寸');
+        return [1, 1, window.innerWidth, window.innerHeight, 0, 0];
+      }
+
+      // 确保元素可见（未被隐藏）
+      var isVisible = window.getComputedStyle(bigscreenDom).display !== 'none' && window.getComputedStyle(bigscreenDom).visibility !== 'hidden';
+      if (!isVisible) {
+        console.warn('bigscreen-container 元素不可见，使用视口尺寸');
+        return [1, 1, window.innerWidth, window.innerHeight, 0, 0];
+      }
+
+      // 获取元素的布局矩形（最可靠的尺寸获取方式）
+      var rect = bigscreenDom.getBoundingClientRect();
+
+      // 提取基础尺寸（从布局矩形获取，不受样式影响）
+      var screenWidth = rect.width || window.innerWidth;
+      var screenHeight = rect.height || window.innerHeight;
+      var screenLeft = rect.left || 0;
+      var screenTop = rect.top || 0;
+
+      // 处理缩放
+      var scaleX = 1;
+      var scaleY = 1;
+      try {
+        var computedStyle = window.getComputedStyle(bigscreenDom);
+        var transform = computedStyle.transform;
+        if (transform && transform !== 'none') {
+          // 解析 transform matrix
+          var matrix = new DOMMatrix(transform);
+          scaleX = matrix.a; // 缩放X因子
+          scaleY = matrix.d; // 缩放Y因子
+        }
+      } catch (e) {
+        console.error('解析缩放样式出错:', e);
+      }
+
+      // 最终返回值（确保不会有undefined）
+      var result = [isNaN(scaleX) ? 1 : scaleX, isNaN(scaleY) ? 1 : scaleY, isNaN(screenWidth) ? window.innerWidth : screenWidth, isNaN(screenHeight) ? window.innerHeight : screenHeight, isNaN(screenLeft) ? 0 : screenLeft, isNaN(screenTop) ? 0 : screenTop];
+      return result;
     };
     var _getBigscreenScale = getBigscreenScale(),
-      _getBigscreenScale2 = (0, _slicedToArray2["default"])(_getBigscreenScale, 2),
+      _getBigscreenScale2 = (0, _slicedToArray2["default"])(_getBigscreenScale, 6),
       scaleX = _getBigscreenScale2[0],
-      scaleY = _getBigscreenScale2[1];
-    var _mouseX = mouseX / scaleX;
-    var _mouseY = mouseY / scaleY;
+      scaleY = _getBigscreenScale2[1],
+      screenWidth = _getBigscreenScale2[2],
+      screenHeight = _getBigscreenScale2[3],
+      screenLeft = _getBigscreenScale2[4],
+      screenTop = _getBigscreenScale2[5];
+    // const _mouseX = mouseX / scaleX
+    // const _mouseY = mouseY / scaleY
     var tipPosMap = {
-      rightTop: "translate(".concat(_mouseX + translateTip.x, "px,").concat(_mouseY - tipHeight - translateTip.y, "px)"),
-      leftTop: "translate(".concat(_mouseX - tipWidth - translateTip.x, "px,").concat(_mouseY - tipHeight - translateTip.y, "px)"),
-      leftBottom: "translate(".concat(_mouseX - tipWidth - translateTip.x, "px,").concat(_mouseY + translateTip.y, "px)"),
-      rightBottom: "translate(".concat(_mouseX + translateTip.x, "px,").concat(_mouseY + translateTip.y, "px)")
+      rightTop: "translate(".concat((attribute.left + tipWidth) / scaleX + mouseX - screenLeft + translateTip.x > screenWidth ? mouseX - tipWidth - translateTip.x : mouseX + translateTip.x, "px,\n\t\t\t").concat((attribute.top - tipHeight) / scaleY + mouseY - screenTop + translateTip.y < 0 ? mouseY + translateTip.y : mouseY - tipHeight - translateTip.y, "px)"),
+      leftTop: "translate(".concat((attribute.left - tipWidth) / scaleX + mouseX - screenLeft + translateTip.x < 0 ? mouseX + translateTip.x : mouseX - tipWidth - translateTip.x, "px,\n\t\t\t").concat((attribute.top - tipHeight) / scaleY + mouseY - screenTop + translateTip.y < 0 ? mouseY + translateTip.y : mouseY - tipHeight - translateTip.y, "px)"),
+      leftBottom: "translate(".concat((attribute.left - tipWidth) / scaleX + mouseX - screenLeft + translateTip.x < 0 ? mouseX + translateTip.x : mouseX - tipWidth - translateTip.x, "px,\n\t\t\t").concat((attribute.top + tipHeight) / scaleY + mouseY - screenTop + translateTip.y > screenHeight ? mouseY - tipHeight - translateTip.y : mouseY + translateTip.y, "px)"),
+      rightBottom: "translate(".concat((attribute.left + tipWidth) / scaleX + mouseX - screenLeft + translateTip.x > screenWidth ? mouseX - tipWidth - translateTip.x : mouseX + translateTip.x, "px,\n\t\t\t").concat((attribute.top + tipHeight) / scaleY + mouseY - screenTop + translateTip.y > screenHeight ? mouseY - tipHeight - translateTip.y : mouseY + translateTip.y, "px)")
     };
-    if (_mouseX < centerX && _mouseY < centerY) {
+    if (mouseX < centerX && mouseY < centerY) {
       return tipPosMap.leftTop;
-    } else if (_mouseX > centerX && _mouseY < centerY) {
+    } else if (mouseX > centerX && mouseY < centerY) {
       return tipPosMap.rightTop;
-    } else if (_mouseX >= centerX && _mouseY >= centerY) {
+    } else if (mouseX >= centerX && mouseY >= centerY) {
       return tipPosMap.rightBottom;
     } else {
       return tipPosMap.leftBottom;

package/package.json

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

package/src/components/Band.tsx

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

package/src/components/CartesianChart.js

@@ -399,7 +399,21 @@ const Chart = memo(
     const controlChartTooltipData = ctlXName && originData.filter((d) => d.x === ctlXName);
     const bodyWidth = isVertical?xLineRange + 100 + marginRight + marginLeft:xLineRange,
       bodyHeight = isVertical?yLineRange:yLineRange + marginTop + marginBottom;
-
+      const hasDuplicateX = (data) => {
+        const xValues = new Set(); // 用Set存储已出现的x值，自动去重
+        for (const item of data) {
+          // 跳过空数据项（如示例中第三个data为空的对象）
+          if (!item.data || !item.data.length) continue;
+          // 获取当前项的x值（从嵌套结构中提取）
+          const x = item.data[0].data.x;
+          // 若x已存在于Set中，说明有重复，直接返回true
+          if (xValues.has(x)) return true;
+          // 否则将x存入Set
+          xValues.add(x);
+        }
+        // 遍历完所有项都无重复，返回false
+        return false;
+      };
     useEffect(()=>{
       setCtlTip(pre=>{
         return {
@@ -534,6 +548,7 @@ const Chart = memo(
               {/**绘制图表主体 */}
               {series.map(({ Component, yOrZ, ...config }, index) => {
                 const yAxis = axes.get(yOrZ);
+                const isXRepeat=hasDuplicateX(series);//x项有重复项判断
                 return (
                   yAxis &&
                   Component && (
@@ -551,6 +566,7 @@ const Chart = memo(
                       indicatorWidth={indicatorWidth}
                       triggerClick={onInteraction}
                       setCtlTip={setCtlTip}
+                      isXRepeat={isXRepeat}
                     />
                   )
                 );

package/src/components/PieChart.js

@@ -249,6 +249,8 @@ const Component = memo(
   ({
     width,
     height,
+    left,
+    top,
     config: {
       chart: {
         label,
@@ -290,6 +292,7 @@ const Component = memo(
     hoverEvent,
     data: originData = [],
   }) => {
+    const attribute={width,height,top,left}
     const data = originData.map((d) => ({ ...d, y: d.y < 0 ? 0 : d.y }));
     const prevIndex = useRef(null);
     const { precision: legendPrecision } = legend.config.percent;
@@ -634,6 +637,7 @@ const Component = memo(
                   x: halfChartWidth,
                   y: maxRadius + marginTop,
                 }}
+                attribute={attribute}
                 mousePos={mousePos}
               />
             </div>
@@ -896,6 +900,7 @@ const Component = memo(
                   y: maxRadius + marginTop,
                 }}
                 mousePos={mousePos}
+                attribute={attribute}
               />
             </div>
           )}

package/src/components/PieTooltip.jsx

@@ -3,7 +3,7 @@ import { getFontStyle, getMargin, getTranslate3d, getTranslate2d, getIcon } from
 
 
 export const PieTooltip = memo((props) => {
-	const { mousePos,
+	const { mousePos,attribute,
 		pieCenter,
 		config: {
 			tip: {
@@ -87,43 +87,92 @@ export const PieTooltip = memo((props) => {
 	const { x: centerX, y: centerY } = pieCenter
 	const getTipPos = () => {
 
-		const getBigscreenScale = () => {
-			if (window.getScreenScale) {
-				return window.getScreenScale()
-			} else {
-				const bigscreenDom = document.getElementById('bigscreen-container')
-				if (!bigscreenDom) return [1, 1]
-				const transform = bigscreenDom.style.transform
-				if (!transform) return [1, 1]
-				let match = transform.match(/scale\(([^)]+)\)/)
-				if (match) {
-					const scaleMatch = match[1].split(',')
-					let scaleX = scaleMatch[0];
-					let scaleY = scaleMatch[1];
-					if (scaleY) {
-						return [Number(scaleX), Number(scaleY)]
-					} else {
-						return [Number(scaleX), Number(scaleX)]
-					}
-				} else {
-					return [1, 1]
-				}
-			}
-		}
-		const [scaleX, scaleY] = getBigscreenScale()
-		const _mouseX = mouseX / scaleX
-		const _mouseY = mouseY / scaleY
+const getBigscreenScale = () => {
+			  // 优先使用全局提供的方法
+  if (typeof window.getScreenScale === 'function') {
+    try {
+      const result = window.getScreenScale();
+      if (Array.isArray(result) && result.length >= 6) {
+        return result;
+      }
+    } catch (e) {
+      console.error('调用全局 getScreenScale 出错:', e);
+    }
+  }
+
+  // 获取容器元素
+  const bigscreenDom = document.getElementById('bigscreen-container');
+
+  // 元素不存在时的处理
+  if (!bigscreenDom) {
+    console.warn('未找到 bigscreen-container 元素，使用视口尺寸');
+    return [1, 1, window.innerWidth, window.innerHeight, 0, 0];
+  }
+
+  // 确保元素可见（未被隐藏）
+  const isVisible = window.getComputedStyle(bigscreenDom).display !== 'none' 
+    && window.getComputedStyle(bigscreenDom).visibility !== 'hidden';
+  if (!isVisible) {
+    console.warn('bigscreen-container 元素不可见，使用视口尺寸');
+    return [1, 1, window.innerWidth, window.innerHeight, 0, 0];
+  }
+
+  // 获取元素的布局矩形（最可靠的尺寸获取方式）
+  const rect = bigscreenDom.getBoundingClientRect();
+
+  // 提取基础尺寸（从布局矩形获取，不受样式影响）
+  const screenWidth = rect.width || window.innerWidth;
+  const screenHeight = rect.height || window.innerHeight;
+  const screenLeft = rect.left || 0;
+  const screenTop = rect.top || 0;
+
+  // 处理缩放
+  let scaleX = 1;
+  let scaleY = 1;
+  
+  try {
+    const computedStyle = window.getComputedStyle(bigscreenDom);
+    const transform = computedStyle.transform;
+    
+    if (transform && transform !== 'none') {
+      // 解析 transform matrix
+      const matrix = new DOMMatrix(transform);
+      scaleX = matrix.a; // 缩放X因子
+      scaleY = matrix.d; // 缩放Y因子
+    }
+  } catch (e) {
+    console.error('解析缩放样式出错:', e);
+  }
+
+  // 最终返回值（确保不会有undefined）
+  const result = [
+    isNaN(scaleX) ? 1 : scaleX,
+    isNaN(scaleY) ? 1 : scaleY,
+    isNaN(screenWidth) ? window.innerWidth : screenWidth,
+    isNaN(screenHeight) ? window.innerHeight : screenHeight,
+    isNaN(screenLeft) ? 0 : screenLeft,
+    isNaN(screenTop) ? 0 : screenTop
+  ];
+  return result;
+};
+		const [scaleX, scaleY,screenWidth,screenHeight,screenLeft,screenTop] = getBigscreenScale()
+		// const _mouseX = mouseX / scaleX
+		// const _mouseY = mouseY / scaleY
 		const tipPosMap = {
-			rightTop: `translate(${_mouseX + translateTip.x}px,${_mouseY - tipHeight - translateTip.y}px)`,
-			leftTop: `translate(${_mouseX - tipWidth - translateTip.x}px,${_mouseY - tipHeight - translateTip.y}px)`,
-			leftBottom: `translate(${_mouseX - tipWidth - translateTip.x}px,${_mouseY + translateTip.y}px)`,
-			rightBottom: `translate(${_mouseX + translateTip.x}px,${(_mouseY + translateTip.y)}px)`,
-		}
-		if (_mouseX < centerX && _mouseY < centerY) {
+			rightTop: `translate(${(attribute.left+tipWidth)/scaleX+mouseX-screenLeft+translateTip.x>screenWidth?mouseX -tipWidth- translateTip.x:  mouseX + translateTip.x}px,
+			${(attribute.top-tipHeight)/scaleY+mouseY-screenTop+translateTip.y<0?mouseY + translateTip.y: mouseY - tipHeight - translateTip.y}px)`,
+			leftTop: `translate(${(attribute.left-tipWidth)/scaleX+mouseX-screenLeft+translateTip.x<0?mouseX+translateTip.x: mouseX - tipWidth - translateTip.x}px,
+			${(attribute.top-tipHeight)/scaleY+mouseY-screenTop+translateTip.y<0?mouseY + translateTip.y: mouseY - tipHeight - translateTip.y}px)`,
+			leftBottom: `translate(${(attribute.left-tipWidth)/scaleX+mouseX-screenLeft+translateTip.x<0?mouseX+translateTip.x: mouseX - tipWidth - translateTip.x}px,
+			${(attribute.top+tipHeight)/scaleY+mouseY-screenTop+translateTip.y>screenHeight? mouseY- tipHeight- translateTip.y: mouseY + translateTip.y}px)`,
+			rightBottom: `translate(${(attribute.left+tipWidth)/scaleX+mouseX-screenLeft+translateTip.x>screenWidth?mouseX -tipWidth- translateTip.x:mouseX + translateTip.x}px,
+			${(attribute.top+tipHeight)/scaleY+mouseY-screenTop+translateTip.y>screenHeight? mouseY- tipHeight- translateTip.y: mouseY + translateTip.y}px)`,
+		  }
+		if (mouseX < centerX && mouseY < centerY) {
 			return tipPosMap.leftTop
-		} else if (_mouseX > centerX && _mouseY < centerY) {
+		} else if (mouseX > centerX && mouseY < centerY) {
 			return tipPosMap.rightTop
-		} else if (_mouseX >= centerX && _mouseY >= centerY) {
+		} else if (mouseX >= centerX && mouseY >= centerY) {
 			return tipPosMap.rightBottom
 		} else {
 			return tipPosMap.leftBottom