@easyv/charts 1.6.19 → 1.6.21

package/lib/components/Band.js

@@ -13,7 +13,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _d3v = require("d3v7");
 var _utils = require("../utils");
-var _excluded = ["pattern", "seriesIntervalWidth", "paddingInner", "highlight"];
+var _excluded = ["pattern", "seriesIntervalWidth", "paddingInner", "highlight"],
+  _excluded2 = ["bgAttr"];
 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 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; }
@@ -50,18 +51,34 @@ var getAttr = function getAttr(_ref) {
     length = _ref.length,
     x = _ref.x,
     y = _ref.y;
-  if (isVertical) return {
-    width: length,
-    height: seriesWidth,
-    x: y,
-    y: x
-  };
-  return {
-    x: x,
-    y: y,
-    width: seriesWidth,
-    height: length ? length : 0.1
-  };
+  var len = length ? length : 0.1; //柱子长度
+  if (isVertical) {
+    return {
+      width: len,
+      height: seriesWidth,
+      x: y,
+      y: x,
+      bgAttr: {
+        x: 0,
+        y: x,
+        width: len + x,
+        height: seriesWidth
+      }
+    };
+  } else {
+    return {
+      x: x,
+      y: y,
+      width: seriesWidth,
+      height: len,
+      bgAttr: {
+        x: x,
+        y: 0,
+        width: seriesWidth,
+        height: y + len
+      }
+    };
+  }
 };
 var getBorderRadius = function getBorderRadius(_ref2) {
   var isVertical = _ref2.isVertical,
@@ -187,26 +204,27 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
     };
     if (isNaN(positionX)) return null;
     var positionY = reverse ? y > 0 ? y1 : y2 : y < 0 ? y1 : y2;
-    var attr = getAttr({
-      isVertical: isVertical,
-      x: positionX,
-      y: positionY,
-      length: Math.abs(y1 - y2),
-      seriesWidth: seriesWidth
-    });
-    return /*#__PURE__*/_react["default"].createElement("foreignObject", (0, _extends2["default"])({
-      key: i,
+    var _getAttr = getAttr({
+        isVertical: isVertical,
+        x: positionX,
+        y: positionY,
+        length: Math.abs(y1 - y2),
+        seriesWidth: seriesWidth
+      }),
+      bgAttr = _getAttr.bgAttr,
+      attr = (0, _objectWithoutProperties2["default"])(_getAttr, _excluded2);
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+      key: i
+    }, /*#__PURE__*/_react["default"].createElement("foreignObject", (0, _extends2["default"])({
       style: {
         overflow: "visible",
         position: "relative",
         cursor: "pointer"
       }
-    }, attr, {
+    }, bgAttr, {
       onClick: function onClick(e) {
         return triggerClick(e, "setCurrent");
-      }
-      //enter和leave事件，用于控制图的提示框
-      ,
+      },
       onMouseEnter: function onMouseEnter() {
         if (isControlChart) {
           setCtlTip(function (pre) {
@@ -244,7 +262,13 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
         }
       },
       "data-data": JSON.stringify(data)
-    }), (headUrl || headVideo) && showHead && (headType == "image" ? /*#__PURE__*/_react["default"].createElement("div", {
+    })), /*#__PURE__*/_react["default"].createElement("foreignObject", (0, _extends2["default"])({
+      style: {
+        overflow: "visible",
+        position: "relative",
+        pointerEvents: "none"
+      }
+    }, attr), (headUrl || headVideo) && showHead && (headType == "image" ? /*#__PURE__*/_react["default"].createElement("div", {
       style: {
         position: "absolute",
         background: "url(".concat(
@@ -283,7 +307,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
         // position: "fixed",
         clipPath: setClipPath(),
         opacity: fillType == "pattern" ? opacity : 1,
-        background: fillType == "pattern" ? "50% 50% / ".concat(size.width, "px ").concat(size.height, "px repeat ") + "url(" +
+        background: fillType == "pattern" ? "".concat(isVertical ? y < 0 ? "100%" : "0%" : "50%", " ").concat(isVertical ? "50%" : y < 0 ? "0%" : "100%", " / ").concat(size.width, "px ").concat(size.height, "px repeat ") + "url(" +
         //@ts-ignore
         window.appConfig.ASSETS_URL + url + ")" : (0, _utils.getBandBackground)(pattern, extent === flag ? highlightFill : fill),
         borderRadius: style == "square" ? "0 0 0 0" : getBorderRadius({
@@ -300,6 +324,6 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
         borderRight: borderStr,
         borderLeft: borderStr
       })
-    }));
+    })));
   }));
 });

package/lib/components/CartesianChart.js

@@ -441,7 +441,9 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     }, config, {
       key: index
     }));
-  }), showTooltip && !control && /*#__PURE__*/_react["default"].createElement(_.Indicator, (0, _extends2["default"])({}, indicator, indicatorAttr)), /*#__PURE__*/_react["default"].createElement("foreignObject", {
+  }), showTooltip && !control && /*#__PURE__*/_react["default"].createElement(_.Indicator, (0, _extends2["default"])({}, indicator, {
+    manual: manual
+  }, indicatorAttr)), /*#__PURE__*/_react["default"].createElement("foreignObject", {
     style: {
       width: bodyWidth,
       height: bodyHeight,
@@ -467,7 +469,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       isControlChart: !!control,
       xName: item.tick,
       setCtlTip: setCtlTip,
-      ctlIndicatorList: ctlIndicatorList
+      ctlIndicatorList: ctlIndicatorList,
+      manual: manual
     }));
   })), series.map(function (_ref2, index) {
     var Component = _ref2.Component,
@@ -546,7 +549,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     tickName: tickName,
     series: series,
     width: width,
-    height: height
+    height: height,
+    manual: manual
   })), showCtl && !!control && /*#__PURE__*/_react["default"].createElement(_.Tooltip, (0, _extends2["default"])({
     isVertical: isVertical
   }, tooltip, {
@@ -557,7 +561,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     tickName: ctlXName,
     series: series,
     width: width,
-    height: height
+    height: height,
+    manual: manual
   })), brush && /*#__PURE__*/_react["default"].createElement(_.Brush, {
     config: brush,
     width: width

package/lib/components/Indicator.js

@@ -24,14 +24,15 @@ var _default = exports["default"] = function _default(_ref) {
     _ref$xName = _ref.xName,
     xName = _ref$xName === void 0 ? null : _ref$xName,
     ctlIndicatorList = _ref.ctlIndicatorList,
-    setCtlTip = _ref.setCtlTip;
+    setCtlTip = _ref.setCtlTip,
+    manual = _ref.manual;
   var isShow = true;
   if (isControlChart && ctlIndicatorList) {
     isShow = ctlIndicatorList.find(function (item) {
       return item.tick === xName;
     }).isShow;
   }
-  return /*#__PURE__*/React.createElement("rect", {
+  return manual ? /*#__PURE__*/React.createElement("rect", {
     width: width,
     height: height,
     x: x,
@@ -74,5 +75,5 @@ var _default = exports["default"] = function _default(_ref) {
     fill: isShow ? color : "transparent",
     y: y,
     stroke: "none"
-  });
+  }) : "";
 };

package/lib/components/Tooltip.js

@@ -48,7 +48,8 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
     formatter = _ref.formatter,
     isVertical = _ref.isVertical,
     width = _ref.width,
-    height = _ref.height;
+    height = _ref.height,
+    manual = _ref.manual;
   var tipPosition = (0, _react.useMemo)(function () {
     var translate3d = isVertical ? _objectSpread(_objectSpread({}, translateTip), {}, {
       y: translateTip.y + position + marginTop
@@ -65,7 +66,7 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
     }
     return (0, _utils.getTranslate3d)(translate3d);
   }, [width, height, marginLeft, marginTop, position, tipWidth, tipHeight, translateTip]);
-  return /*#__PURE__*/React.createElement("div", {
+  return manual ? /*#__PURE__*/React.createElement("div", {
     className: "__easyv-tooltip",
     style: _objectSpread({
       pointerEvents: 'none',
@@ -153,5 +154,5 @@ var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref
         transform: (0, _utils.getTranslate3d)(suffixTranslate)
       })
     }, tmp.get(s))));
-  }))));
+  })))) : "";
 });

package/lib/hooks/useAxes.js

@@ -72,6 +72,9 @@ var getNewDomain = function getNewDomain(domain, mode, step) {
       }
       break;
   }
+  if (newDomain[0] == newDomain[1]) {
+    newDomain[1] += 1;
+  }
   return newDomain;
 };
 var getTickCount = function getTickCount(domain, count, decimal) {
@@ -344,22 +347,23 @@ var _default = exports["default"] = function _default(_ref) {
           }
         }
         var _lengthWithoutPaddingOuter = _length - _paddingOuter2;
-        if (type == "linear" && config.on) {
-          var zeroPosition = scaler(0);
-          if (!isNaN(zeroPosition)) {
-            if (_direction === "horizontal") {
-              xAxisPositions.add(JSON.stringify({
-                x: zeroPosition,
-                y: 0
-              }));
-            } else if (_direction === "vertical") {
-              xAxisPositions.add(JSON.stringify({
-                x: 0,
-                y: zeroPosition
-              }));
-            }
-          }
-        }
+        // 额外的X轴坐标轴，对应于数值0的位置
+        // if (type == "linear" && config.on) {
+        //   const zeroPosition = scaler(0);
+        //   if (!isNaN(zeroPosition)) {
+        //     if (direction === "horizontal") {
+        //       xAxisPositions.add(JSON.stringify({
+        //         x: zeroPosition,
+        //         y: 0,
+        //       }));
+        //     } else if (direction === "vertical") {
+        //       xAxisPositions.add(JSON.stringify({
+        //         x: 0,
+        //         y: zeroPosition,
+        //       }));
+        //     }
+        //   }
+        // }
         var _step2 = _lengthWithoutPaddingOuter / allTicks.length;
         var controlCfg = {
           controlStep: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.6.19",
+  "version": "1.6.21",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -12,11 +12,11 @@
   "license": "ISC",
   "devDependencies": {
     "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.17.10",
+    "@babel/core": "^7.26.0",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-proposal-export-default-from": "^7.16.7",
     "@babel/plugin-transform-runtime": "^7.17.10",
-    "@babel/preset-env": "^7.17.10",
+    "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
     "@commitlint/cli": "^17.6.7",

package/src/components/Band.tsx

@@ -1,7 +1,7 @@
 /**
  * （柱状/条形）图柱子
  */
-import React, { memo } from "react";
+import React, { memo, Fragment } from "react";
 import { min, max } from "d3v7";
 import { getBandBackground, getSeriesInfo } from "../utils";
 
@@ -37,13 +37,29 @@ const getAttr = ({
   x: number;
   y: number;
 }) => {
-  if (isVertical) return { width: length, height: seriesWidth, x: y, y: x };
-  return {
-    x,
-    y,
-    width: seriesWidth,
-    height: length?length:0.1,
-  };
+  const len = length?length:0.1;  //柱子长度
+  if (isVertical){
+    return { width: len, height: seriesWidth, x: y, y: x, bgAttr:{
+      x:0,
+      y:x,
+      width: len+x,
+      height: seriesWidth,
+    } };
+  }else{
+    return {
+      x,
+      y,
+      width: seriesWidth,
+      height: len,
+      bgAttr:{
+        x,
+        y:0,
+        width: seriesWidth,
+        height: y+len,
+      }
+    };
+  }
+  
 };
 
 const getBorderRadius = ({
@@ -103,7 +119,7 @@ export default memo(
     });
     const _data = showHighlight ? getHighlightData(data, extent) : data;
     const isVertical = direction === "vertical";
-    
+
     return (
       <g className="__easyv-band">
         {_data.map(
@@ -172,7 +188,7 @@ export default memo(
             const positionY = reverse? 
               y > 0 ? y1 : y2:
               y < 0 ? y1 : y2;
-            const attr = getAttr({
+            const { bgAttr, ...attr } = getAttr({
               isVertical,
               x: positionX,
               y: positionY,
@@ -180,119 +196,122 @@ export default memo(
               seriesWidth,
             });
             return (
-              <foreignObject
-                key={i}
-                style={{
-                  overflow: "visible",
-                  position: "relative",
-                  cursor: "pointer",
-                }}
-                {...attr}
-                onClick={e=>triggerClick(e,"setCurrent")}
-                //enter和leave事件，用于控制图的提示框
-                onMouseEnter={() => {
-                  if(isControlChart){
-                    setCtlTip((pre:any)=>({
-                      show:true,
-                      x:xScaler(x),
-                      xName:data.x,
-                      indicatorList:pre.indicatorList.map((item:any)=>{
-                        if (item.tick === data.x) {
-                          return { ...item, isShow: true };
-                        } else {
-                          return item;
-                        }
-                      })
-                    }))
-                  }
-                }}
-                onMouseLeave={() => {
-                  if(isControlChart){
-                    setCtlTip((pre:any)=>({
-                      show:false,
-                      x:undefined,
-                      xName:undefined,
-                      indicatorList:pre.indicatorList.map((item:any)=>{
-                        return { ...item, isShow:false }
-                      })
-                    }))
-                  }
-                }}
-                data-data={JSON.stringify(data)}
-              >
-                {(headUrl || headVideo) && showHead && (
-                  headType=="image"?<div
-                    style={{
-                      position: "absolute",
-                      background: `url(${
-                        //@ts-ignore
-                        window.appConfig.ASSETS_URL + headUrl
-                      }) 0 0/100% 100%`,
-                      width: headWidth,
-                      height: headHeight,
-                      left: isVertical ? "100%" : "50%",
-                      top: isVertical ? "50%" : "0",
-                      zIndex: 1,
-                      transform: `translate(calc(-50% + ${headTranslate.x}px), calc(-50% + ${headTranslate.y}px))`,
-                    }}
-                  ></div>:<video
-                    width={headWidth} height={headHeight} 
-                    //@ts-ignore
-                    src={window.appConfig.ASSETS_URL + headVideo}
-                    // controls={true}
-                    loop={true}
-                    muted={true}
-                    autoPlay={true}
-                    style={{
-                      position: "absolute",
-                      left: isVertical ? "100%" : "50%",
-                      top: isVertical ? "50%" : "0",
-                      zIndex: 1,
-                      transform: `translate(calc(-50% + ${headTranslate.x}px), calc(-50% + ${headTranslate.y}px))`,
-                    }}
-                  ></video>
-                )}
-                <div
+              <Fragment key={i}>
+                <foreignObject style={{overflow: "visible",position: "relative",cursor: "pointer",}}
+                  {...bgAttr}
+                  onClick={e=>triggerClick(e,"setCurrent")}
+                  onMouseEnter={() => {
+                    if(isControlChart){
+                      setCtlTip((pre:any)=>({
+                        show:true,
+                        x:xScaler(x),
+                        xName:data.x,
+                        indicatorList:pre.indicatorList.map((item:any)=>{
+                          if (item.tick === data.x) {
+                            return { ...item, isShow: true };
+                          } else {
+                            return item;
+                          }
+                        })
+                      }))
+                    }
+                  }}
+                  onMouseLeave={() => {
+                    if(isControlChart){
+                      setCtlTip((pre:any)=>({
+                        show:false,
+                        x:undefined,
+                        xName:undefined,
+                        indicatorList:pre.indicatorList.map((item:any)=>{
+                          return { ...item, isShow:false }
+                        })
+                      }))
+                    }
+                  }}
+                  data-data={JSON.stringify(data)}></foreignObject>
+                <foreignObject
                   style={{
-                    width: "100%",
-                    height: "100%",
-                    /** Safari Bug **/
-                    // position: "fixed",
-                    clipPath: setClipPath(),
-                    opacity: fillType == "pattern" ? opacity : 1,
-                    background:
-                      fillType == "pattern"
-                        ? `50% 50% / ${size.width}px ${size.height}px repeat ` +
-                          "url(" +
+                    overflow: "visible",
+                    position: "relative",
+                    pointerEvents:"none"
+                  }}
+                  {...attr}
+                >
+                  {(headUrl || headVideo) && showHead && (
+                    headType=="image"?<div
+                      style={{
+                        position: "absolute",
+                        background: `url(${
                           //@ts-ignore
-                          window.appConfig.ASSETS_URL + url +
-                          ")"
-                        : getBandBackground(
-                            pattern,
-                            extent === flag ? highlightFill : fill
-                          ),
-                    borderRadius:
-                      style == "square"
-                        ? "0 0 0 0"
-                        : getBorderRadius({
-                            isVertical,
-                            positive: y > 0,
-                            seriesWidth,
+                          window.appConfig.ASSETS_URL + headUrl
+                        }) 0 0/100% 100%`,
+                        width: headWidth,
+                        height: headHeight,
+                        left: isVertical ? "100%" : "50%",
+                        top: isVertical ? "50%" : "0",
+                        zIndex: 1,
+                        transform: `translate(calc(-50% + ${headTranslate.x}px), calc(-50% + ${headTranslate.y}px))`,
+                      }}
+                    ></div>:<video
+                      width={headWidth} height={headHeight} 
+                      //@ts-ignore
+                      src={window.appConfig.ASSETS_URL + headVideo}
+                      // controls={true}
+                      loop={true}
+                      muted={true}
+                      autoPlay={true}
+                      style={{
+                        position: "absolute",
+                        left: isVertical ? "100%" : "50%",
+                        top: isVertical ? "50%" : "0",
+                        zIndex: 1,
+                        transform: `translate(calc(-50% + ${headTranslate.x}px), calc(-50% + ${headTranslate.y}px))`,
+                      }}
+                    ></video>
+                  )}
+                  <div
+                    style={{
+                      width: "100%",
+                      height: "100%",
+                      /** Safari Bug **/
+                      // position: "fixed",
+                      clipPath: setClipPath(),
+                      opacity: fillType == "pattern" ? opacity : 1,
+                      background:
+                        fillType == "pattern"
+                          ? `${isVertical?y<0?"100%":"0%":"50%"} ${isVertical?"50%":y<0?"0%":"100%"} / ${size.width}px ${size.height}px repeat ` +
+                            "url(" +
+                            //@ts-ignore
+                            window.appConfig.ASSETS_URL + url +
+                            ")"
+                          : getBandBackground(
+                              pattern,
+                              extent === flag ? highlightFill : fill
+                            ),
+                      borderRadius:
+                        style == "square"
+                          ? "0 0 0 0"
+                          : getBorderRadius({
+                              isVertical,
+                              positive: y > 0,
+                              seriesWidth,
+                            }),
+                      ...(isVertical
+                        ? {
+                            borderTop: borderStr,
+                            borderRight: borderStr,
+                            borderBottom: borderStr,
+                          }
+                        : {
+                            borderTop: borderStr,
+                            borderRight: borderStr,
+                            borderLeft: borderStr,
                           }),
-                    ...(isVertical
-                      ? {
-                          borderTop: borderStr,
-                          borderRight: borderStr,
-                          borderBottom: borderStr,
-                        }
-                      : {
-                          borderTop: borderStr,
-                          borderRight: borderStr,
-                          borderLeft: borderStr,
-                        }),
-                  }}
-                />
-              </foreignObject>
+                    }}
+                  />
+                </foreignObject>
+              </Fragment>
+              
             );
           }
         )}

package/src/components/CartesianChart.js

@@ -427,7 +427,7 @@ const Chart = memo(
             );
           })}
           {showTooltip && !control && (
-            <Indicator {...indicator} {...indicatorAttr} />
+            <Indicator {...indicator} manual= {manual} {...indicatorAttr} />
           )}
           <foreignObject
             style={
@@ -468,6 +468,7 @@ const Chart = memo(
                         xName={item.tick}
                         setCtlTip={setCtlTip}
                         ctlIndicatorList={ctlIndicatorList}
+                        manual= {manual}
                       />
                     );
                   })}
@@ -571,6 +572,7 @@ const Chart = memo(
             series={series}
             width={width}
             height={height}
+            manual= {manual}
           />
         )}
         {showCtl && !!control && (
@@ -585,6 +587,7 @@ const Chart = memo(
             series={series}
             width={width}
             height={height}
+            manual= {manual}
           />
         )}
         {brush && <Brush config={brush} width={width} />}

package/src/components/Chart.js

@@ -45,7 +45,6 @@ const Chart = memo(
     const chartHeight = height - marginTop - marginBottom;
     const [active, setActive] = useState(true);
     const scaleRef = useRef([1,1]);
-
     const triggerOnRelative = useCallback(
       (action,data) => {
         if (!interaction) return;

package/src/components/Indicator.js

@@ -11,7 +11,8 @@ export default ({
   isControlChart = false,
   xName = null,
   ctlIndicatorList,
-  setCtlTip
+  setCtlTip,
+  manual
 }) => {
   let isShow = true;
   if (isControlChart && ctlIndicatorList) {
@@ -19,7 +20,7 @@ export default ({
       (item) => item.tick === xName
     ).isShow;
   }
-  return (
+  return manual?(
     <rect
       width={width}
       height={height}
@@ -54,5 +55,5 @@ export default ({
       y={y}
       stroke="none"
     />
-  );
+  ):"";
 };

package/src/components/Tooltip.js

@@ -32,6 +32,7 @@ export default memo(
     isVertical,
     width,
     height,
+    manual
   }) => {
     const tipPosition = useMemo(() => {
       const translate3d = isVertical
@@ -62,7 +63,7 @@ export default memo(
       tipHeight,
       translateTip,
     ]);
-    return (
+    return manual?(
       <div
         className='__easyv-tooltip'
         style={{
@@ -175,6 +176,6 @@ export default memo(
           </div>
         )}
       </div>
-    );
+    ):"";
   }
 );

package/src/hooks/useAxes.js

@@ -63,6 +63,9 @@ const getNewDomain = (
       }
       break;
   }
+  if(newDomain[0]==newDomain[1]){
+    newDomain[1]+=1;
+  }
   return newDomain;
 };
 
@@ -421,22 +424,23 @@ export default ({
           }
         }
         const lengthWithoutPaddingOuter = length - _paddingOuter;
-        if (type == "linear" && config.on) {
-          const zeroPosition = scaler(0);
-          if (!isNaN(zeroPosition)) {
-            if (direction === "horizontal") {
-              xAxisPositions.add(JSON.stringify({
-                x: zeroPosition,
-                y: 0,
-              }));
-            } else if (direction === "vertical") {
-              xAxisPositions.add(JSON.stringify({
-                x: 0,
-                y: zeroPosition,
-              }));
-            }
-          }
-        }
+        // 额外的X轴坐标轴，对应于数值0的位置
+        // if (type == "linear" && config.on) {
+        //   const zeroPosition = scaler(0);
+        //   if (!isNaN(zeroPosition)) {
+        //     if (direction === "horizontal") {
+        //       xAxisPositions.add(JSON.stringify({
+        //         x: zeroPosition,
+        //         y: 0,
+        //       }));
+        //     } else if (direction === "vertical") {
+        //       xAxisPositions.add(JSON.stringify({
+        //         x: 0,
+        //         y: zeroPosition,
+        //       }));
+        //     }
+        //   }
+        // }
         let step = lengthWithoutPaddingOuter / allTicks.length;
         const controlCfg = {
           controlStep: 0,