@easyv/charts 1.8.15 → 1.8.16

package/lib/components/Label.js

@@ -1,359 +1,359 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _d3v = require("d3v7");
-var _utils = require("../utils");
-var _context = require("../context");
-var _excluded = ["show", "extent"],
-  _excluded2 = ["seriesIntervalWidth", "paddingInner", "showType", "highlight"];
-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; }
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _d3v = require("d3v7");
+var _utils = require("../utils");
+var _context = require("../context");
+var _excluded = ["show", "extent"],
+  _excluded2 = ["seriesIntervalWidth", "paddingInner", "showType", "highlight"];
+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 getHighlightData = function getHighlightData(data, extent) {
-  switch (extent) {
-    case "min":
-      var minData = (0, _d3v.min)(data, function (d) {
-        return d.data.y;
-      });
-      return data.map(function (item) {
-        return _objectSpread(_objectSpread({}, item), {}, {
-          flag: minData == item.data.y ? "min" : ""
-        });
-      });
-    case "max":
-      var maxData = (0, _d3v.max)(data, function (d) {
-        return d.data.y;
-      });
-      return data.map(function (item) {
-        return _objectSpread(_objectSpread({}, item), {}, {
-          flag: maxData == item.data.y ? "max" : ""
-        });
-      });
-    default:
-      return data;
-  }
-};
-var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref) {
-  var _ref$config = _ref.config,
-    _ref$config$seriesInt = _ref$config.seriesIntervalWidth,
-    paddingInner = _ref$config$seriesInt === void 0 ? 0 : _ref$config$seriesInt,
-    _ref$config$paddingIn = _ref$config.paddingInner,
-    paddingOuter = _ref$config$paddingIn === void 0 ? 0 : _ref$config$paddingIn,
-    _ref$config$showType = _ref$config.showType,
-    seriesType = _ref$config$showType === void 0 ? 'bar' : _ref$config$showType,
-    _ref$config$highlight = _ref$config.highlight,
-    showHighlight = _ref$config$highlight.show,
-    extent = _ref$config$highlight.extent,
-    highlightStyle = (0, _objectWithoutProperties2["default"])(_ref$config$highlight, _excluded),
-    other = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded2),
-    config = _ref.config,
-    curXLabel = _ref.curXLabel,
-    selectStyle = _ref.selectStyle,
-    _ref$bandLength = _ref.bandLength,
-    bandLength = _ref$bandLength === void 0 ? 0 : _ref$bandLength,
-    data = _ref.data,
-    _ref$xAxis = _ref.xAxis,
-    xScaler = _ref$xAxis.scaler,
-    step = _ref$xAxis.step,
-    direction = _ref$xAxis.direction,
-    _ref$yAxis = _ref.yAxis,
-    yScaler = _ref$yAxis.scaler,
-    isClipAxis = _ref$yAxis.isClipAxis,
-    clipValue = _ref$yAxis.clipValue,
-    triggerClick = _ref.triggerClick;
-  var selectConfig = other;
-  if (selectStyle) {
-    var show = selectStyle.show,
-      showType = selectStyle.showType,
-      icon = selectStyle.icon,
-      label = selectStyle.numlabel;
-    if (show && seriesType == showType) {
-      if (showType == "bar") {
-        selectConfig = {
-          label: label
-        };
-      } else {
-        selectConfig = {
-          icon: icon,
-          label: label
-        };
-      }
-    }
-  }
-  var highlightConfig = other;
-  if (highlightStyle) {
-    highlightConfig = _objectSpread(_objectSpread({}, other), {}, {
-      label: highlightStyle.numlabel
-    });
-  }
-  var lineType = config.hasOwnProperty("line"); //  堆叠处理
-
-  if (!data.length) return null;
-  var _useContext = (0, _react.useContext)(_context.chartContext),
-    width = _useContext.width,
-    height = _useContext.height;
-  var _getSeriesInfo = (0, _utils.getSeriesInfo)({
-      step: step,
-      bandLength: bandLength,
-      paddingInner: paddingInner,
-      paddingOuter: paddingOuter
-    }),
-    seriesStep = _getSeriesInfo.seriesStep,
-    seriesWidth = _getSeriesInfo.seriesWidth,
-    seriesStart = _getSeriesInfo.seriesStart;
-  var _data = showHighlight ? getHighlightData(data, extent) : data;
-  var isVertical = direction === "vertical";
-  return /*#__PURE__*/React.createElement("g", {
-    className: "__easyv-label"
-  }, _data.map(function (_ref2, i) {
-    var flag = _ref2.flag,
-      index = _ref2.index,
-      _ref2$bound = (0, _slicedToArray2["default"])(_ref2.bound, 2),
-      start = _ref2$bound[0],
-      end = _ref2$bound[1],
-      data = _ref2.data,
-      _ref2$data = _ref2.data,
-      x = _ref2$data.x,
-      y = _ref2$data.y,
-      showY = _ref2$data.showY,
-      s = _ref2$data.s;
-    var y1, y2;
-    var _ref3 = x == curXLabel ? selectConfig : flag ? highlightConfig : other,
-      icon = _ref3.icon,
-      label = _ref3.label;
-    var showIcon = icon && icon.show;
-    var showLabel = label && label.show;
-    var _ref4 = label || {},
-      _ref4$position = _ref4.position,
-      _position = _ref4$position === void 0 ? "outerStart" : _ref4$position,
-      _ref4$reverse = _ref4.reverse,
-      reverse = _ref4$reverse === void 0 ? true : _ref4$reverse;
-    if (isClipAxis) {
-      if (end > +clipValue) {
-        y1 = yScaler[1](start);
-        y2 = yScaler[0](end);
-      } else {
-        y1 = yScaler[1](start);
-        y2 = yScaler[1](end);
-      }
-    } else {
-      y1 = yScaler(isVertical ? end : start);
-      //  处理z型折线图和堆叠柱图的逻辑冲突
-      y2 = lineType ? start ? yScaler(isVertical ? start : end - start) : yScaler(isVertical ? start : end) : yScaler(isVertical ? start : end);
-    }
-
-    // const y2 =  yScaler(isVertical ? start : end);
-    var positionX = xScaler(x) - step / 2 + seriesStart + index * seriesStep;
-    if (isNaN(positionX)) return null;
-    var position = positionX + (config.line ? step : seriesWidth) / 2;
-    var labelPosition = isVertical ? getVerticalLabel({
-      position: _position,
-      y: y,
-      y1: y1,
-      y2: y2,
-      width: width,
-      reverse: reverse
-    }) : getHorizontalLabel({
-      position: _position,
-      y: y,
-      y1: y1,
-      y2: y2,
-      height: height,
-      reverse: reverse
-    });
-    var attr = isVertical ? _objectSpread(_objectSpread({}, labelPosition), {}, {
-      y: position,
-      dominantBaseline: "middle"
-    }) : _objectSpread(_objectSpread({}, labelPosition), {}, {
-      x: position,
-      textAnchor: "middle"
-    });
-    return /*#__PURE__*/React.createElement("g", {
-      key: i,
-      onClick: function onClick(e) {
-        return triggerClick(e, "setCurrent");
-      },
-      style: {
-        cursor: "pointer"
-      },
-      "data-data": JSON.stringify(data)
-    }, showIcon && !isNaN(attr.y) && /*#__PURE__*/React.createElement(Icon, {
-      cx: attr.x,
-      cy: y2,
-      config: icon
-    }), showLabel && /*#__PURE__*/React.createElement(Label, (0, _extends2["default"])({
-      value: showY,
-      config: label,
-      reverse: reverse
-    }, attr)));
-  }));
-});
-var Label = function Label(_ref5) {
-  var x = _ref5.x,
-    y = _ref5.y,
-    value = _ref5.value,
-    _ref5$config = _ref5.config,
-    font = _ref5$config.font,
-    _ref5$config$translat = _ref5$config.translate,
-    _ref5$config$translat2 = _ref5$config$translat.x,
-    translateX = _ref5$config$translat2 === void 0 ? 0 : _ref5$config$translat2,
-    _ref5$config$translat3 = _ref5$config$translat.y,
-    translateY = _ref5$config$translat3 === void 0 ? 0 : _ref5$config$translat3,
-    _ref5$config$suffix = _ref5$config.suffix,
-    content = _ref5$config$suffix.content,
-    suffixFont = _ref5$config$suffix.font,
-    _ref5$config$suffix$t = _ref5$config$suffix.translate,
-    suffixX = _ref5$config$suffix$t.x,
-    suffixY = _ref5$config$suffix$t.y,
-    _ref5$textAnchor = _ref5.textAnchor,
-    textAnchor = _ref5$textAnchor === void 0 ? "middle" : _ref5$textAnchor,
-    _ref5$dominantBaselin = _ref5.dominantBaseline,
-    dominantBaseline = _ref5$dominantBaselin === void 0 ? "middle" : _ref5$dominantBaselin,
-    reverse = _ref5.reverse;
-  return /*#__PURE__*/React.createElement("text", {
-    x: x,
-    y: y,
-    transform: (0, _utils.getTranslate2d)({
-      x: translateX,
-      y: translateY * (value < 0 && reverse ? -1 : 1)
-    }),
-    textAnchor: textAnchor,
-    dominantBaseline: dominantBaseline,
-    style: _objectSpread({}, (0, _utils.formatFont)(font, "svg"))
-  }, /*#__PURE__*/React.createElement("tspan", null, value), /*#__PURE__*/React.createElement("tspan", {
-    dx: suffixX,
-    dy: suffixY,
-    style: _objectSpread({}, (0, _utils.getFontStyle)(suffixFont, "svg"))
-  }, content));
-};
-var Icon = function Icon(_ref6) {
-  var cx = _ref6.cx,
-    cy = _ref6.cy,
-    _ref6$config = _ref6.config,
-    mode = _ref6$config.mode,
-    inner = _ref6$config.inner,
-    outer = _ref6$config.outer,
-    color = _ref6$config.color,
-    radius = _ref6$config.radius,
-    image = _ref6$config.image,
-    _ref6$config$size = _ref6$config.size,
-    width = _ref6$config$size.width,
-    height = _ref6$config$size.height;
-  return mode == "single" ? /*#__PURE__*/React.createElement(Circle, {
-    cx: cx,
-    cy: cy,
-    color: color,
-    radius: radius
-  }) : mode == "double" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Circle, (0, _extends2["default"])({
-    cx: cx,
-    cy: cy
-  }, outer)), /*#__PURE__*/React.createElement(Circle, (0, _extends2["default"])({
-    cx: cx,
-    cy: cy
-  }, inner))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("image", {
-    width: width,
-    height: height,
-    x: cx - width / 2,
-    y: cy - height / 2,
-    xlinkHref: window.appConfig.ASSETS_URL + image
-  }));
-};
-var Circle = function Circle(_ref7) {
-  var cx = _ref7.cx,
-    cy = _ref7.cy,
-    color = _ref7.color,
-    radius = _ref7.radius;
-  return /*#__PURE__*/React.createElement("circle", {
-    cx: cx,
-    cy: cy,
-    fill: color,
-    r: radius,
-    stroke: "none"
-  });
-};
-var getVerticalLabel = function getVerticalLabel(_ref8) {
-  var _ref8$position = _ref8.position,
-    position = _ref8$position === void 0 ? "outerStart" : _ref8$position,
-    width = _ref8.width,
-    y = _ref8.y,
-    y1 = _ref8.y1,
-    y2 = _ref8.y2,
-    _ref8$reverse = _ref8.reverse,
-    reverse = _ref8$reverse === void 0 ? true : _ref8$reverse;
-  var needReverse = reverse && y < 0;
-  switch (position) {
-    case "start":
-      return {
-        x: y2,
-        textAnchor: needReverse ? "end" : "start"
-      };
-    case "middle":
-      return {
-        x: (y1 + y2) / 2,
-        textAnchor: "middle"
-      };
-    case "end":
-      return {
-        x: y1,
-        textAnchor: needReverse ? "start" : "end"
-      };
-    case "outerStart":
-      return {
-        x: y1,
-        textAnchor: needReverse ? "end" : "start"
-      };
-    case "chartStart":
-      return {
-        x: y > 0 ? width : 0,
-        textAnchor: y >= 0 ? "start" : "end"
-      };
-  }
-};
-var getHorizontalLabel = function getHorizontalLabel(_ref9) {
-  var _ref9$position = _ref9.position,
-    position = _ref9$position === void 0 ? "outerStart" : _ref9$position,
-    height = _ref9.height,
-    y = _ref9.y,
-    y1 = _ref9.y1,
-    y2 = _ref9.y2,
-    _ref9$reverse = _ref9.reverse,
-    reverse = _ref9$reverse === void 0 ? true : _ref9$reverse;
-  var needReverse = reverse && y < 0;
-  switch (position) {
-    case "start":
-      return {
-        y: y1,
-        dominantBaseline: needReverse ? "text-before-edge" : "text-after-edge"
-      };
-    case "middle":
-      return {
-        y: (y1 + y2) / 2,
-        dominantBaseline: "middle"
-      };
-    case "end":
-      return {
-        y: y2,
-        dominantBaseline: needReverse ? "text-after-edge" : "text-before-edge"
-      };
-    case "outerStart":
-      return {
-        y: y2,
-        dominantBaseline: needReverse ? "text-before-edge" : "text-after-edge"
-      };
-    case "chartStart":
-      return {
-        y: y > 0 ? 0 : height,
-        dominantBaseline: y > 0 ? "text-after-edge" : "text-before-edge"
-      };
-  }
+ */
+var getHighlightData = function getHighlightData(data, extent) {
+  switch (extent) {
+    case "min":
+      var minData = (0, _d3v.min)(data, function (d) {
+        return d.data.y;
+      });
+      return data.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          flag: minData == item.data.y ? "min" : ""
+        });
+      });
+    case "max":
+      var maxData = (0, _d3v.max)(data, function (d) {
+        return d.data.y;
+      });
+      return data.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          flag: maxData == item.data.y ? "max" : ""
+        });
+      });
+    default:
+      return data;
+  }
+};
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var _ref$config = _ref.config,
+    _ref$config$seriesInt = _ref$config.seriesIntervalWidth,
+    paddingInner = _ref$config$seriesInt === void 0 ? 0 : _ref$config$seriesInt,
+    _ref$config$paddingIn = _ref$config.paddingInner,
+    paddingOuter = _ref$config$paddingIn === void 0 ? 0 : _ref$config$paddingIn,
+    _ref$config$showType = _ref$config.showType,
+    seriesType = _ref$config$showType === void 0 ? 'bar' : _ref$config$showType,
+    _ref$config$highlight = _ref$config.highlight,
+    showHighlight = _ref$config$highlight.show,
+    extent = _ref$config$highlight.extent,
+    highlightStyle = (0, _objectWithoutProperties2["default"])(_ref$config$highlight, _excluded),
+    other = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded2),
+    config = _ref.config,
+    curXLabel = _ref.curXLabel,
+    selectStyle = _ref.selectStyle,
+    _ref$bandLength = _ref.bandLength,
+    bandLength = _ref$bandLength === void 0 ? 0 : _ref$bandLength,
+    data = _ref.data,
+    _ref$xAxis = _ref.xAxis,
+    xScaler = _ref$xAxis.scaler,
+    step = _ref$xAxis.step,
+    direction = _ref$xAxis.direction,
+    _ref$yAxis = _ref.yAxis,
+    yScaler = _ref$yAxis.scaler,
+    isClipAxis = _ref$yAxis.isClipAxis,
+    clipValue = _ref$yAxis.clipValue,
+    triggerClick = _ref.triggerClick;
+  var selectConfig = other;
+  if (selectStyle) {
+    var show = selectStyle.show,
+      showType = selectStyle.showType,
+      icon = selectStyle.icon,
+      label = selectStyle.numlabel;
+    if (show && seriesType == showType) {
+      if (showType == "bar") {
+        selectConfig = {
+          label: label
+        };
+      } else {
+        selectConfig = {
+          icon: icon,
+          label: label
+        };
+      }
+    }
+  }
+  var highlightConfig = other;
+  if (highlightStyle) {
+    highlightConfig = _objectSpread(_objectSpread({}, other), {}, {
+      label: highlightStyle.numlabel
+    });
+  }
+  var lineType = config.hasOwnProperty("line"); //  堆叠处理
+
+  if (!data.length) return null;
+  var _useContext = (0, _react.useContext)(_context.chartContext),
+    width = _useContext.width,
+    height = _useContext.height;
+  var _getSeriesInfo = (0, _utils.getSeriesInfo)({
+      step: step,
+      bandLength: bandLength,
+      paddingInner: paddingInner,
+      paddingOuter: paddingOuter
+    }),
+    seriesStep = _getSeriesInfo.seriesStep,
+    seriesWidth = _getSeriesInfo.seriesWidth,
+    seriesStart = _getSeriesInfo.seriesStart;
+  var _data = showHighlight ? getHighlightData(data, extent) : data;
+  var isVertical = direction === "vertical";
+  return /*#__PURE__*/React.createElement("g", {
+    className: "__easyv-label"
+  }, _data.map(function (_ref2, i) {
+    var flag = _ref2.flag,
+      index = _ref2.index,
+      _ref2$bound = (0, _slicedToArray2["default"])(_ref2.bound, 2),
+      start = _ref2$bound[0],
+      end = _ref2$bound[1],
+      data = _ref2.data,
+      _ref2$data = _ref2.data,
+      x = _ref2$data.x,
+      y = _ref2$data.y,
+      showY = _ref2$data.showY,
+      s = _ref2$data.s;
+    var y1, y2;
+    var _ref3 = x == curXLabel ? selectConfig : flag ? highlightConfig : other,
+      icon = _ref3.icon,
+      label = _ref3.label;
+    var showIcon = icon && icon.show;
+    var showLabel = label && label.show;
+    var _ref4 = label || {},
+      _ref4$position = _ref4.position,
+      _position = _ref4$position === void 0 ? "outerStart" : _ref4$position,
+      _ref4$reverse = _ref4.reverse,
+      reverse = _ref4$reverse === void 0 ? true : _ref4$reverse;
+    if (isClipAxis) {
+      if (end > +clipValue) {
+        y1 = yScaler[1](start);
+        y2 = yScaler[0](end);
+      } else {
+        y1 = yScaler[1](start);
+        y2 = yScaler[1](end);
+      }
+    } else {
+      y1 = yScaler(isVertical ? end : start);
+      //  处理z型折线图和堆叠柱图的逻辑冲突
+      y2 = lineType ? start ? yScaler(isVertical ? start : end - start) : yScaler(isVertical ? start : end) : yScaler(isVertical ? start : end);
+    }
+
+    // const y2 =  yScaler(isVertical ? start : end);
+    var positionX = xScaler(x) - step / 2 + seriesStart + index * seriesStep;
+    if (isNaN(positionX)) return null;
+    var position = positionX + (config.line ? step : seriesWidth) / 2;
+    var labelPosition = isVertical ? getVerticalLabel({
+      position: _position,
+      y: y,
+      y1: y1,
+      y2: y2,
+      width: width,
+      reverse: reverse
+    }) : getHorizontalLabel({
+      position: _position,
+      y: y,
+      y1: y1,
+      y2: y2,
+      height: height,
+      reverse: reverse
+    });
+    var attr = isVertical ? _objectSpread(_objectSpread({}, labelPosition), {}, {
+      y: position,
+      dominantBaseline: "middle"
+    }) : _objectSpread(_objectSpread({}, labelPosition), {}, {
+      x: position,
+      textAnchor: "middle"
+    });
+    return /*#__PURE__*/React.createElement("g", {
+      key: i,
+      onClick: function onClick(e) {
+        return triggerClick(e, "setCurrent");
+      },
+      style: {
+        cursor: "pointer"
+      },
+      "data-data": JSON.stringify(data)
+    }, showIcon && !isNaN(attr.y) && /*#__PURE__*/React.createElement(Icon, {
+      cx: attr.x,
+      cy: y2,
+      config: icon
+    }), showLabel && /*#__PURE__*/React.createElement(Label, (0, _extends2["default"])({
+      value: showY,
+      config: label,
+      reverse: reverse
+    }, attr)));
+  }));
+});
+var Label = function Label(_ref5) {
+  var x = _ref5.x,
+    y = _ref5.y,
+    value = _ref5.value,
+    _ref5$config = _ref5.config,
+    font = _ref5$config.font,
+    _ref5$config$translat = _ref5$config.translate,
+    _ref5$config$translat2 = _ref5$config$translat.x,
+    translateX = _ref5$config$translat2 === void 0 ? 0 : _ref5$config$translat2,
+    _ref5$config$translat3 = _ref5$config$translat.y,
+    translateY = _ref5$config$translat3 === void 0 ? 0 : _ref5$config$translat3,
+    _ref5$config$suffix = _ref5$config.suffix,
+    content = _ref5$config$suffix.content,
+    suffixFont = _ref5$config$suffix.font,
+    _ref5$config$suffix$t = _ref5$config$suffix.translate,
+    suffixX = _ref5$config$suffix$t.x,
+    suffixY = _ref5$config$suffix$t.y,
+    _ref5$textAnchor = _ref5.textAnchor,
+    textAnchor = _ref5$textAnchor === void 0 ? "middle" : _ref5$textAnchor,
+    _ref5$dominantBaselin = _ref5.dominantBaseline,
+    dominantBaseline = _ref5$dominantBaselin === void 0 ? "middle" : _ref5$dominantBaselin,
+    reverse = _ref5.reverse;
+  return /*#__PURE__*/React.createElement("text", {
+    x: x,
+    y: y,
+    transform: (0, _utils.getTranslate2d)({
+      x: translateX,
+      y: translateY * (value < 0 && reverse ? -1 : 1)
+    }),
+    textAnchor: textAnchor,
+    dominantBaseline: dominantBaseline,
+    style: _objectSpread({}, (0, _utils.formatFont)(font, "svg"))
+  }, /*#__PURE__*/React.createElement("tspan", null, value), /*#__PURE__*/React.createElement("tspan", {
+    dx: suffixX,
+    dy: suffixY,
+    style: _objectSpread({}, (0, _utils.getFontStyle)(suffixFont, "svg"))
+  }, content));
+};
+var Icon = function Icon(_ref6) {
+  var cx = _ref6.cx,
+    cy = _ref6.cy,
+    _ref6$config = _ref6.config,
+    mode = _ref6$config.mode,
+    inner = _ref6$config.inner,
+    outer = _ref6$config.outer,
+    color = _ref6$config.color,
+    radius = _ref6$config.radius,
+    image = _ref6$config.image,
+    _ref6$config$size = _ref6$config.size,
+    width = _ref6$config$size.width,
+    height = _ref6$config$size.height;
+  return mode == "single" ? /*#__PURE__*/React.createElement(Circle, {
+    cx: cx,
+    cy: cy,
+    color: color,
+    radius: radius
+  }) : mode == "double" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Circle, (0, _extends2["default"])({
+    cx: cx,
+    cy: cy
+  }, outer)), /*#__PURE__*/React.createElement(Circle, (0, _extends2["default"])({
+    cx: cx,
+    cy: cy
+  }, inner))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("image", {
+    width: width,
+    height: height,
+    x: cx - width / 2,
+    y: cy - height / 2,
+    xlinkHref: window.appConfig.ASSETS_URL + image
+  }));
+};
+var Circle = function Circle(_ref7) {
+  var cx = _ref7.cx,
+    cy = _ref7.cy,
+    color = _ref7.color,
+    radius = _ref7.radius;
+  return /*#__PURE__*/React.createElement("circle", {
+    cx: cx,
+    cy: cy,
+    fill: color,
+    r: radius,
+    stroke: "none"
+  });
+};
+var getVerticalLabel = function getVerticalLabel(_ref8) {
+  var _ref8$position = _ref8.position,
+    position = _ref8$position === void 0 ? "outerStart" : _ref8$position,
+    width = _ref8.width,
+    y = _ref8.y,
+    y1 = _ref8.y1,
+    y2 = _ref8.y2,
+    _ref8$reverse = _ref8.reverse,
+    reverse = _ref8$reverse === void 0 ? true : _ref8$reverse;
+  var needReverse = reverse && y < 0;
+  switch (position) {
+    case "start":
+      return {
+        x: y2,
+        textAnchor: needReverse ? "end" : "start"
+      };
+    case "middle":
+      return {
+        x: (y1 + y2) / 2,
+        textAnchor: "middle"
+      };
+    case "end":
+      return {
+        x: y1,
+        textAnchor: needReverse ? "start" : "end"
+      };
+    case "outerStart":
+      return {
+        x: y1,
+        textAnchor: needReverse ? "end" : "start"
+      };
+    case "chartStart":
+      return {
+        x: y > 0 ? width : 0,
+        textAnchor: y >= 0 ? "start" : "end"
+      };
+  }
+};
+var getHorizontalLabel = function getHorizontalLabel(_ref9) {
+  var _ref9$position = _ref9.position,
+    position = _ref9$position === void 0 ? "outerStart" : _ref9$position,
+    height = _ref9.height,
+    y = _ref9.y,
+    y1 = _ref9.y1,
+    y2 = _ref9.y2,
+    _ref9$reverse = _ref9.reverse,
+    reverse = _ref9$reverse === void 0 ? true : _ref9$reverse;
+  var needReverse = reverse && y < 0;
+  switch (position) {
+    case "start":
+      return {
+        y: y1,
+        dominantBaseline: needReverse ? "text-before-edge" : "text-after-edge"
+      };
+    case "middle":
+      return {
+        y: (y1 + y2) / 2,
+        dominantBaseline: "middle"
+      };
+    case "end":
+      return {
+        y: y2,
+        dominantBaseline: needReverse ? "text-after-edge" : "text-before-edge"
+      };
+    case "outerStart":
+      return {
+        y: y2,
+        dominantBaseline: needReverse ? "text-before-edge" : "text-after-edge"
+      };
+    case "chartStart":
+      return {
+        y: y > 0 ? 0 : height,
+        dominantBaseline: y > 0 ? "text-after-edge" : "text-before-edge"
+      };
+  }
 };