@easyv/charts 1.6.9 → 1.6.11

package/lib/components/CartesianChart.js

@@ -1,117 +1,99 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _hooks = require("../hooks");
-
 var _context = require("../context");
-
 var _ = require(".");
-
 var _excluded = ["Component", "yOrZ"],
-    _excluded2 = ["Component", "yOrZ"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+  _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 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; } /**
+ * 轴类图表
+ */
 var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var _ref$config = _ref.config,
-      axesConfig = _ref$config.axes,
-      background = _ref$config.background,
-      _ref$config$chart = _ref$config.chart,
-      _ref$config$chart$dim = _ref$config$chart.dimension.chartDimension,
-      height = _ref$config$chart$dim.height,
-      width = _ref$config$chart$dim.width,
-      _ref$config$chart$mar = _ref$config$chart.margin,
-      marginLeft = _ref$config$chart$mar.marginLeft,
-      marginTop = _ref$config$chart$mar.marginTop,
-      marginRight = _ref$config$chart$mar.marginRight,
-      marginBottom = _ref$config$chart$mar.marginBottom,
-      animation = _ref$config$chart.animation,
-      legend = _ref$config$chart.legend,
-      series = _ref$config.series,
-      bandLength = _ref$config.bandLength,
-      tooltip = _ref$config.tooltip,
-      _ref$config$baseLine = _ref$config.baseLine,
-      _ref$config$baseLine$ = _ref$config$baseLine.orientation,
-      baseLineOri = _ref$config$baseLine$ === void 0 ? "" : _ref$config$baseLine$,
-      _ref$config$baseLine$2 = _ref$config$baseLine.config,
-      baseLineConfig = _ref$config$baseLine$2 === void 0 ? {} : _ref$config$baseLine$2,
-      _ref$config$baseLine$3 = _ref$config$baseLine.data,
-      baseLineData = _ref$config$baseLine$3 === void 0 ? [] : _ref$config$baseLine$3,
-      _ref$config$tooltip = _ref$config.tooltip;
-  _ref$config$tooltip = _ref$config$tooltip === void 0 ? {} : _ref$config$tooltip;
-  var _ref$config$tooltip$c = _ref$config$tooltip.config,
-      tooltipConfig = _ref$config$tooltip$c === void 0 ? {} : _ref$config$tooltip$c,
-      _ref$config$tooltip$c2 = _ref$config$tooltip.config;
-  _ref$config$tooltip$c2 = _ref$config$tooltip$c2 === void 0 ? {} : _ref$config$tooltip$c2;
-  var auto = _ref$config$tooltip$c2.auto,
-      manual = _ref$config$tooltip$c2.manual,
-      _ref$config$tooltip$c3 = _ref$config$tooltip$c2.indicator,
-      indicator = _ref$config$tooltip$c3 === void 0 ? {} : _ref$config$tooltip$c3,
-      brush = _ref$config.brush,
-      _ref$config$control = _ref$config.control,
-      control = _ref$config$control === void 0 ? null : _ref$config$control,
-      active = _ref.active,
-      style = _ref.style,
-      originData = _ref.originData,
-      filterData = _ref.filterData,
-      aiFormatter = _ref.aiFormatter,
-      id = _ref.id;
+    axesConfig = _ref$config.axes,
+    background = _ref$config.background,
+    _ref$config$chart = _ref$config.chart,
+    _ref$config$chart$dim = _ref$config$chart.dimension.chartDimension,
+    height = _ref$config$chart$dim.height,
+    width = _ref$config$chart$dim.width,
+    _ref$config$chart$mar = _ref$config$chart.margin,
+    marginLeft = _ref$config$chart$mar.marginLeft,
+    marginTop = _ref$config$chart$mar.marginTop,
+    marginRight = _ref$config$chart$mar.marginRight,
+    marginBottom = _ref$config$chart$mar.marginBottom,
+    animation = _ref$config$chart.animation,
+    legend = _ref$config$chart.legend,
+    series = _ref$config.series,
+    bandLength = _ref$config.bandLength,
+    tooltip = _ref$config.tooltip,
+    _ref$config$baseLine = _ref$config.baseLine,
+    _ref$config$baseLine$ = _ref$config$baseLine.orientation,
+    baseLineOri = _ref$config$baseLine$ === void 0 ? "" : _ref$config$baseLine$,
+    _ref$config$baseLine$2 = _ref$config$baseLine.config,
+    baseLineConfig = _ref$config$baseLine$2 === void 0 ? {} : _ref$config$baseLine$2,
+    _ref$config$baseLine$3 = _ref$config$baseLine.data,
+    baseLineData = _ref$config$baseLine$3 === void 0 ? [] : _ref$config$baseLine$3,
+    _ref$config$tooltip = _ref$config.tooltip,
+    _ref$config$tooltip2 = _ref$config$tooltip === void 0 ? {} : _ref$config$tooltip,
+    _ref$config$tooltip2$ = _ref$config$tooltip2.config,
+    tooltipConfig = _ref$config$tooltip2$ === void 0 ? {} : _ref$config$tooltip2$,
+    _ref$config$tooltip2$2 = _ref$config$tooltip2.config,
+    _ref$config$tooltip2$3 = _ref$config$tooltip2$2 === void 0 ? {} : _ref$config$tooltip2$2,
+    auto = _ref$config$tooltip2$3.auto,
+    manual = _ref$config$tooltip2$3.manual,
+    _ref$config$tooltip2$4 = _ref$config$tooltip2$3.indicator,
+    indicator = _ref$config$tooltip2$4 === void 0 ? {} : _ref$config$tooltip2$4,
+    brush = _ref$config.brush,
+    _ref$config$control = _ref$config.control,
+    control = _ref$config$control === void 0 ? null : _ref$config$control,
+    active = _ref.active,
+    style = _ref.style,
+    originData = _ref.originData,
+    filterData = _ref.filterData,
+    aiFormatter = _ref.aiFormatter,
+    id = _ref.id;
   var context = (0, _react.useContext)(_context.chartContext);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isHover = _useState2[0],
-      setIsHover = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isHover = _useState2[0],
+    setIsHover = _useState2[1];
   var isIOS = context.isIOS,
-      chartWidth = context.width,
-      chartHeight = context.height,
-      triggerOnRelative = context.triggerOnRelative,
-      onEmit = context.onEmit;
+    chartWidth = context.width,
+    chartHeight = context.height,
+    triggerOnRelative = context.triggerOnRelative,
+    onEmit = context.onEmit;
   var xLineRange = chartWidth;
-  var yLineRange = chartHeight; //获取控制条相关的参数
-
+  var yLineRange = chartHeight;
+  //获取控制条相关的参数
   var isControl = false;
   var controlWidth = 0;
   var controlBarWidth = 0;
   var dragPercent = 1;
   var controlHeight = 0;
   var controlX = 0;
-
   if (control) {
     var _height = control.height,
-        _control$margin = control.margin,
-        left = _control$margin.left,
-        right = _control$margin.right,
-        _control$drag = control.drag,
-        start = _control$drag.start,
-        dragWidth = _control$drag.width;
+      _control$margin = control.margin,
+      left = _control$margin.left,
+      right = _control$margin.right,
+      _control$drag = control.drag,
+      start = _control$drag.start,
+      dragWidth = _control$drag.width;
     isControl = true;
     controlHeight = _height;
     controlWidth = width - left - right;
@@ -119,24 +101,22 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     controlBarWidth = controlWidth * dragPercent;
     controlX = (controlWidth - controlBarWidth) * start / 100;
   }
-
   var _useState3 = (0, _react.useState)({
-    isC: isControl,
-    cWidth: controlWidth,
-    cHeight: controlHeight,
-    cBarWidth: controlBarWidth,
-    cPercent: dragPercent,
-    cBarX: controlX
-  }),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      controlInfo = _useState4[0],
-      setControlInfo = _useState4[1];
-
+      isC: isControl,
+      cWidth: controlWidth,
+      cHeight: controlHeight,
+      cBarWidth: controlBarWidth,
+      cPercent: dragPercent,
+      cBarX: controlX
+    }),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    controlInfo = _useState4[0],
+    setControlInfo = _useState4[1];
   var cWidth = controlInfo.cWidth,
-      cHeight = controlInfo.cHeight,
-      cBarWidth = controlInfo.cBarWidth,
-      cPercent = controlInfo.cPercent,
-      cBarX = controlInfo.cBarX;
+    cHeight = controlInfo.cHeight,
+    cBarWidth = controlInfo.cBarWidth,
+    cPercent = controlInfo.cPercent,
+    cBarX = controlInfo.cBarX;
   yLineRange -= cHeight;
   (0, _react.useEffect)(function () {
     setControlInfo({
@@ -161,34 +141,30 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       if (!window.aiData) {
         window.aiData = {};
       }
-
       window.aiData[id] = {
         getAI: function getAI() {
           return aiData;
         }
       };
     }
-
     return function () {
       window.aiData && window.aiData[id] && delete window.aiData[id];
     };
   }, [JSON.stringify(aiData), id]);
-
   var _useTooltip = (0, _hooks.useTooltip)({
-    svg: svg,
-    marginLeft: marginLeft,
-    marginTop: marginTop,
-    width: chartWidth,
-    height: yLineRange,
-    axisX: axisX,
-    isHover: isHover,
-    config: tooltipConfig,
-    active: active
-  }),
-      tooltipX = _useTooltip.x,
-      tickName = _useTooltip.name,
-      setIndex = _useTooltip.setIndex;
-
+      svg: svg,
+      marginLeft: marginLeft,
+      marginTop: marginTop,
+      width: chartWidth,
+      height: yLineRange,
+      axisX: axisX,
+      isHover: isHover,
+      config: tooltipConfig,
+      active: active
+    }),
+    tooltipX = _useTooltip.x,
+    tickName = _useTooltip.name,
+    setIndex = _useTooltip.setIndex;
   var tooltipData = (0, _react.useMemo)(function () {
     return tickName !== undefined && originData.filter(function (d) {
       return d.x === tickName;
@@ -210,24 +186,20 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var onInteraction = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
     var data = e.currentTarget.dataset.data;
-
     var _data = JSON.parse(data);
-
     triggerOnRelative('click', _data);
     onEmit("click", _data);
   }, [triggerOnRelative, onEmit]);
+
   /**
    * 控制图相关
    */
-
   var controlEl = (0, _react.useRef)();
   var seriesEl = (0, _react.useRef)(null);
   var axisElList = (0, _react.useRef)([]);
   var curControlPercent = (0, _react.useRef)(0);
   var controlTimer = (0, _react.useRef)(); //控制条的动画计时器
-
   var ctlBarX = (0, _react.useRef)(0); //控制条的滑块偏移值
-
   var isWorking = (0, _react.useRef)(false); //控制条是否正在进行各种操作
 
   var range = function range(num, ignoreMax) {
@@ -235,16 +207,13 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     var min = 0;
     var max = cWidth - cBarWidth;
     _num = Math.max(_num, min);
-
     if (ignoreMax) {
       return _num;
     }
-
     _num = Math.min(_num, max);
     return _num;
-  }; //设置滑块和图表主体的偏移值
-
-
+  };
+  //设置滑块和图表主体的偏移值
   var setControlTranslate = function setControlTranslate(x, needSave) {
     var moveLen = range(x);
     if (needSave) ctlBarX.current = moveLen;
@@ -254,7 +223,6 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       });
     });
   };
-
   var setControlWidth = function setControlWidth(fn) {
     var ignoreMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     setControlInfo(function (pre) {
@@ -263,21 +231,18 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       ctlBarX.current = moveLen;
       return fn(pre);
     });
-  }; //设置控制条是否正在进行拖拽/缩放操作
-
-
+  };
+  //设置控制条是否正在进行拖拽/缩放操作
   var setWorking = function setWorking(bool) {
     isWorking.current = bool;
-  }; //cBarX变化后，修改图表的偏移值
-
-
+  };
+  //cBarX变化后，修改图表的偏移值
   (0, _react.useLayoutEffect)(function () {
     var controlEnd = axisX.controlEnd,
-        start = axisX.start;
-
+      start = axisX.start;
     if (controlEl.current) {
-      controlEl.current.style.transform = "translate(".concat(cBarX, "px,0)"); //计算出当前位移的百分比
-
+      controlEl.current.style.transform = "translate(".concat(cBarX, "px,0)");
+      //计算出当前位移的百分比
       var percent = cBarX / (cWidth - cBarWidth);
       percent = isNaN(percent) ? 1 : percent;
       var translateX = -(controlEnd + start / cPercent - chartWidth) * percent;
@@ -285,98 +250,80 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       seriesEl.current.style.transform = "translate(".concat(translateX, "px,").concat(marginTop, "px)");
       axisElList.current[2].style.transform = "translate(".concat(translateX, "px,", 0, "px)");
     }
-  }, [controlInfo]); //控制条轮播动画
-
+  }, [controlInfo]);
+  //控制条轮播动画
   (0, _react.useEffect)(function () {
     if (controlEl.current && control) {
       var isEnter = false; //控制条轮播动画是否处于暂停状态
-
       var show = animation.show,
-          duration = animation.duration,
-          interval = animation.interval,
-          hover = animation.hover;
-
+        duration = animation.duration,
+        interval = animation.interval,
+        hover = animation.hover;
       var startAnimate = function startAnimate() {
         var loopInterval = interval * 1000,
-            tranDuration = duration * 1000;
+          tranDuration = duration * 1000;
         var loopTime,
-            timeGap,
-            toRight = true;
-
-        var transition = function transition(timeStamp) {
+          timeGap,
+          toRight = true;
+        var _transition = function transition(timeStamp) {
           if (!loopTime) loopTime = timeStamp;
-
           if (!isEnter && !isWorking.current) {
             if (timeStamp - loopTime < tranDuration) {
               var percent = Math.min(1, (timeStamp - loopTime) / tranDuration);
-
               if (toRight) {
                 setControlTranslate(cBarWidth * percent + ctlBarX.current);
               } else {
                 setControlTranslate(ctlBarX.current * (1 - percent));
               }
-
-              controlTimer.current = requestAnimationFrame(transition);
+              controlTimer.current = requestAnimationFrame(_transition);
             } else {
               loopTime = timeStamp;
-
               if (toRight) {
                 setControlTranslate(cBarWidth + ctlBarX.current, true);
               } else {
                 setControlTranslate(0, true);
               }
-
-              controlTimer.current = requestAnimationFrame(loop);
+              controlTimer.current = requestAnimationFrame(_loop);
             }
           } else {
             loopTime = timeStamp - timeGap;
-            controlTimer.current = requestAnimationFrame(transition);
+            controlTimer.current = requestAnimationFrame(_transition);
           }
-
           timeGap = timeStamp - loopTime;
         };
-
-        var loop = function loop(timeStamp) {
+        var _loop = function loop(timeStamp) {
           if (!loopTime) loopTime = timeStamp;
-
           if (!isEnter && !isWorking.current) {
             if (timeStamp - loopTime < loopInterval) {
-              controlTimer.current = requestAnimationFrame(loop);
+              controlTimer.current = requestAnimationFrame(_loop);
             } else {
               loopTime = timeStamp;
               if (ctlBarX.current == cWidth - cBarWidth) toRight = false;else toRight = true;
-              controlTimer.current = requestAnimationFrame(transition);
+              controlTimer.current = requestAnimationFrame(_transition);
             }
           } else {
             loopTime = timeStamp - timeGap;
-            controlTimer.current = requestAnimationFrame(loop);
+            controlTimer.current = requestAnimationFrame(_loop);
           }
-
           timeGap = timeStamp - loopTime;
         };
-
-        controlTimer.current = requestAnimationFrame(loop);
+        controlTimer.current = requestAnimationFrame(_loop);
       };
-
       var mouseenter = function mouseenter() {
         isEnter = true;
       };
-
       var mouseleave = function mouseleave() {
         isEnter = false;
       };
-
       if (hover) {
         svg.current.addEventListener("mouseenter", mouseenter);
         svg.current.addEventListener("mouseleave", mouseleave);
         controlEl.current.addEventListener("mouseenter", mouseenter);
         controlEl.current.addEventListener("mouseleave", mouseleave);
       }
-
       if (show) {
         startAnimate();
       }
-
       return function () {
         svg.current.removeEventListener("mouseenter", mouseenter);
         svg.current.removeEventListener("mouseleave", mouseleave);
@@ -385,8 +332,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
         cancelAnimationFrame(controlTimer.current);
       };
     }
-  }, [JSON.stringify(animation), control, cWidth, cHeight, cBarWidth, cPercent]); //初始化控制图提示框状态的函数
-
+  }, [JSON.stringify(animation), control, cWidth, cHeight, cBarWidth, cPercent]);
+  //初始化控制图提示框状态的函数
   var initCtlTip = function initCtlTip() {
     return {
       show: false,
@@ -400,21 +347,19 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       })
     };
   };
-
   var _useState5 = (0, _react.useState)(initCtlTip),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      ctlTip = _useState6[0],
-      setCtlTip = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    ctlTip = _useState6[0],
+    setCtlTip = _useState6[1];
   var showCtl = ctlTip.show,
-      ctlXName = ctlTip.xName,
-      ctlX = ctlTip.x,
-      ctlIndicatorList = ctlTip.indicatorList;
+    ctlXName = ctlTip.xName,
+    ctlX = ctlTip.x,
+    ctlIndicatorList = ctlTip.indicatorList;
   var controlChartTooltipData = ctlXName && originData.filter(function (d) {
     return d.x === ctlXName;
   });
   var bodyWidth = isVertical ? xLineRange + 100 + marginRight + marginLeft : xLineRange,
-      bodyHeight = isVertical ? yLineRange : yLineRange + marginTop + marginBottom;
+    bodyHeight = isVertical ? yLineRange : yLineRange + marginTop + marginBottom;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.ChartContainer, {
     style: _objectSpread(_objectSpread({}, style), {}, {
       position: "absolute"
@@ -452,12 +397,10 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     var target = series.find(function (d) {
       return d.yOrZ == axisType;
     });
-
     if (target && target.data[0]) {
       dataUnit = target.data[0].data.__unit__;
-    } //如果纵坐标没有对应的值，则不显示
-
-
+    }
+    //如果纵坐标没有对应的值，则不显示
     return axisType != "x" && !target ? null : /*#__PURE__*/_react["default"].createElement(_.Axis, (0, _extends2["default"])({
       ref: function ref(d) {
         axisElList.current[index] = d;
@@ -504,15 +447,16 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     }));
   })), series.map(function (_ref2, index) {
     var Component = _ref2.Component,
-        yOrZ = _ref2.yOrZ,
-        config = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+      yOrZ = _ref2.yOrZ,
+      config = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
     var yAxis = axes.get(yOrZ);
     return yAxis && Component && /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
       key: index
     }, config, {
       bandLength: bandLength,
       xAxis: axisX,
-      yAxis: yAxis // 控制图部分，主要是为了，当鼠标悬浮在指示器上时，显示对应的tooltip
+      yAxis: yAxis
+      // 控制图部分，主要是为了，当鼠标悬浮在指示器上时，显示对应的tooltip
       ,
       isControlChart: !!control,
       indicatorWidth: indicatorWidth,
@@ -521,8 +465,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     }));
   }), series.map(function (_ref3, index) {
     var Component = _ref3.Component,
-        yOrZ = _ref3.yOrZ,
-        config = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+      yOrZ = _ref3.yOrZ,
+      config = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
     var yAxis = axes.get(yOrZ);
     return yAxis && /*#__PURE__*/_react["default"].createElement(_.Label, (0, _extends2["default"])({
       key: index
@@ -591,7 +535,4 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     width: width
   }));
 });
-
-var _default = (0, _.Mapping)((0, _.FilterData)((0, _.ExtentData)((0, _.AnimateData)((0, _.StackData)(Chart)))));
-
-exports["default"] = _default;
+var _default = exports["default"] = (0, _.Mapping)((0, _.FilterData)((0, _.ExtentData)((0, _.AnimateData)((0, _.StackData)(Chart)))));