@cgeui/utils 0.0.2 → 0.0.3

package/dist/lib/charts/Chart/utils/convertToEchartsConfig/chartsToEchartsConfig.js

@@ -0,0 +1,105 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chartsToEchartsConfig = void 0;
+var _lodash = require("lodash");
+var _config = require("../../../SuperChart/config");
+var _getOption = require("../getOption");
+var _excluded = ["type", "chartConfig", "value", "dataFillConfig", "helper", "transform"];
+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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var getEchartsOption = function getEchartsOption(props) {
+  var helper = props.helper,
+    value = props.value,
+    configStyle = props.configStyle,
+    configData = props.configData,
+    dataFillConfig = props.dataFillConfig,
+    maxLegendNum = props.maxLegendNum,
+    maxTooltipNum = props.maxTooltipNum,
+    is2Dim = props.is2Dim,
+    totalTitle = props.totalTitle,
+    transform = props.transform,
+    _props$isMergeAllGrou = props.isMergeAllGroup,
+    isMergeAllGroup = _props$isMergeAllGrou === void 0 ? false : _props$isMergeAllGrou;
+  var newOption = (0, _getOption.getOption)({
+    data: value,
+    helper: helper,
+    configStyle: configStyle,
+    configData: configData,
+    dataFillConfig: dataFillConfig,
+    maxLegendNum: maxLegendNum,
+    maxTooltipNum: maxTooltipNum,
+    is2Dim: is2Dim,
+    totalTitle: totalTitle,
+    transform: transform,
+    isMergeAllGroup: isMergeAllGroup
+  });
+  return (0, _lodash.omit)(newOption, ['', 'undefined']);
+};
+/**
+ * Converts SuperChartProps to ECharts option.
+ * @param props SuperChartProps
+ * @returns ECharts option
+ */
+var chartsToEchartsConfig = exports.chartsToEchartsConfig = function chartsToEchartsConfig(props) {
+  var type = props.type,
+    chartConfig = props.chartConfig,
+    value = props.value,
+    dataFillConfig = props.dataFillConfig,
+    helper = props.helper,
+    transform = props.transform,
+    rest = _objectWithoutProperties(props, _excluded);
+  var chartDataConfig = {
+    configData: chartConfig || {},
+    helper: helper,
+    transform: transform,
+    value: (value === null || value === void 0 ? void 0 : value.list) || value || [],
+    dataFillConfig: dataFillConfig || (value === null || value === void 0 ? void 0 : value.dataFillConfig) || {}
+  };
+
+  // Base option structure
+  var baseOption = {};
+  switch (type) {
+    case 'line':
+      baseOption = (0, _lodash.merge)({}, _config.lineChartsConfig, chartDataConfig);
+      break;
+    case 'bar':
+      baseOption = (0, _lodash.merge)({}, _config.baseBarConfig, chartDataConfig);
+      break;
+    case 'stackedbar':
+      baseOption = (0, _lodash.merge)({}, _config.barChartsConfig, chartDataConfig);
+      break;
+    case 'bullet':
+      baseOption = (0, _lodash.merge)({}, _config.barChartsConfig, chartDataConfig);
+      break;
+    case 'pie':
+      baseOption = (0, _lodash.merge)({}, _config.pieChartsConfig, chartDataConfig);
+      break;
+    case 'scatter':
+      baseOption = (0, _lodash.merge)({}, _config.scatterChartsConfig, chartDataConfig);
+      break;
+    case 'boxplot':
+      baseOption = (0, _lodash.merge)({}, _config.boxplotChartsConfig, chartDataConfig);
+      break;
+    case 'radar':
+      baseOption = (0, _lodash.merge)({}, _config.radarChartsConfig, chartDataConfig);
+      break;
+    case 'funnel':
+      baseOption = (0, _lodash.merge)({}, _config.funnelChartsConfig, chartDataConfig);
+      break;
+    default:
+      baseOption = (0, _lodash.merge)({}, _config.baseBarConfig, chartDataConfig);
+      break;
+  }
+  return _objectSpread({
+    option: getEchartsOption(_objectSpread(_objectSpread({}, baseOption), rest))
+  }, rest);
+};

package/dist/lib/charts/Chart/utils/convertToEchartsConfig/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _chartsToEchartsConfig = require("./chartsToEchartsConfig");
+Object.keys(_chartsToEchartsConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chartsToEchartsConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _chartsToEchartsConfig[key];
+    }
+  });
+});
+var _pieChartToEchartsConfig = require("./pieChartToEchartsConfig");
+Object.keys(_pieChartToEchartsConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pieChartToEchartsConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _pieChartToEchartsConfig[key];
+    }
+  });
+});

package/dist/lib/charts/Chart/utils/convertToEchartsConfig/pieChartToEchartsConfig.js

@@ -0,0 +1,147 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pieChartToEchartsConfig = void 0;
+var _lodash = require("lodash");
+var _complementData = require("../complementData");
+var _colorUtil = require("../../../chartTheme/colorUtil");
+var _locales = _interopRequireDefault(require("../../../PieChart/locales"));
+var _util = require("../../../PieChart/util");
+var _chartsToEchartsConfig = require("./chartsToEchartsConfig");
+var _excluded = ["data", "color", "title", "unit", "theme", "onEvents", "chartConfig", "seriesConfig", "loading", "legendFormatter", "percentToFixedNumber", "lang", "id", "transform", "totalToFixedNumber", "isShowTotal", "customTotal", "centerStyle", "totalFontSizeCoefficient", "isShowPeriodBasisCompare", "isGreenUp"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var CHART_TYPE = 'pie';
+var pieChartToEchartsConfig = exports.pieChartToEchartsConfig = function pieChartToEchartsConfig(props) {
+  var _locales$lang;
+  var data = props.data,
+    _props$color = props.color,
+    color = _props$color === void 0 ? _colorUtil.PIE_CHART_COLOR_LIST : _props$color,
+    _props$title = props.title,
+    title = _props$title === void 0 ? '' : _props$title,
+    _props$unit = props.unit,
+    unit = _props$unit === void 0 ? '' : _props$unit,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'default' : _props$theme,
+    _props$onEvents = props.onEvents,
+    onEvents = _props$onEvents === void 0 ? {} : _props$onEvents,
+    _props$chartConfig = props.chartConfig,
+    chartConfig = _props$chartConfig === void 0 ? {} : _props$chartConfig,
+    _props$seriesConfig = props.seriesConfig,
+    seriesConfig = _props$seriesConfig === void 0 ? {} : _props$seriesConfig,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    legendFormatter = props.legendFormatter,
+    _props$percentToFixed = props.percentToFixedNumber,
+    percentToFixedNumber = _props$percentToFixed === void 0 ? 2 : _props$percentToFixed,
+    _props$lang = props.lang,
+    lang = _props$lang === void 0 ? 'zh-CN' : _props$lang,
+    id = props.id,
+    transform = props.transform,
+    totalToFixedNumber = props.totalToFixedNumber,
+    _props$isShowTotal = props.isShowTotal,
+    isShowTotal = _props$isShowTotal === void 0 ? true : _props$isShowTotal,
+    customTotal = props.customTotal,
+    centerStyle = props.centerStyle,
+    _props$totalFontSizeC = props.totalFontSizeCoefficient,
+    totalFontSizeCoefficient = _props$totalFontSizeC === void 0 ? 1 : _props$totalFontSizeC,
+    _props$isShowPeriodBa = props.isShowPeriodBasisCompare,
+    isShowPeriodBasisCompare = _props$isShowPeriodBa === void 0 ? false : _props$isShowPeriodBa,
+    _props$isGreenUp = props.isGreenUp,
+    isGreenUp = _props$isGreenUp === void 0 ? true : _props$isGreenUp,
+    rest = _objectWithoutProperties(props, _excluded);
+  var chartData = data ? data : [];
+  var pieChartData = (0, _util.getBasicData)(color, chartData, percentToFixedNumber, theme);
+  var _ref = (_locales.default === null || _locales.default === void 0 || (_locales$lang = _locales.default[lang]) === null || _locales$lang === void 0 ? void 0 : _locales$lang.PieChart) || {},
+    number = _ref.number,
+    ratio = _ref.ratio;
+  (0, _complementData.complementPercentData)(data);
+  var unitTransform = transform === null || transform === void 0 ? void 0 : transform.find(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.type) === 'unitTransform';
+  });
+  var transformUnit = unitTransform !== null && unitTransform !== void 0 && unitTransform.isShowunit ? unitTransform === null || unitTransform === void 0 ? void 0 : unitTransform.param : '';
+  var pieChartsConfig = {
+    legend: _objectSpread({
+      data: (0, _util.getLegendData)(data, chartConfig),
+      formatter: function formatter(name, ticket, callback) {
+        return (0, _util.chartLegendFormatter)(name, ticket, callback, pieChartData, chartData, legendFormatter, lang, chartConfig, isShowPeriodBasisCompare, isGreenUp);
+      }
+    }, _util.defaultLegendConfig),
+    series: (0, _util.getSeriesConfig)(pieChartData, theme, chartData, title, unit, seriesConfig, _locales.default === null || _locales.default === void 0 ? void 0 : _locales.default[lang], transform, transformUnit, totalToFixedNumber, isShowTotal, customTotal, centerStyle, totalFontSizeCoefficient),
+    tooltip: {
+      trigger: 'item',
+      dataConfig: {
+        title: {
+          seriesLabel: true
+        },
+        content: [{
+          seriesLabel: true,
+          nameExpression: lang === 'zh-CN' ? "{name}".concat(number) : "".concat(number, "{name}"),
+          valueKey: 'value',
+          unit: unit ? unit : transformUnit ? transformUnit : ''
+        }, {
+          seriesLabel: true,
+          nameExpression: lang === 'zh-CN' ? "{name}".concat(ratio) : "".concat(ratio, "{name}"),
+          valueKey: 'percent',
+          unit: '%'
+        }],
+        isShowPeriodBasisCompare: isShowPeriodBasisCompare,
+        isGreenUp: isGreenUp
+      }
+    }
+  };
+
+  //获得最终option
+  var getResolvedChartConfig = function getResolvedChartConfig() {
+    var getChartConfig = function getChartConfig() {
+      return (0, _lodash.merge)({}, pieChartsConfig, chartConfig);
+    };
+    //将type合并到option中
+    var fixedChartConfig = {
+      type: CHART_TYPE
+    };
+    return (0, _lodash.merge)({}, getChartConfig(), fixedChartConfig);
+  };
+  var newFontSize = {};
+  var config = {};
+  if (id) {
+    var _document$getElementB;
+    var dom = (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.parentElement;
+    var width = (dom === null || dom === void 0 ? void 0 : dom.clientWidth) || 0;
+    if (width >= 388) {
+      return;
+    }
+    newFontSize = {
+      series: [{
+        label: {
+          rich: {
+            totalStyle: {
+              fontSize: "".concat(2.625 * 0.75 * (((dom === null || dom === void 0 ? void 0 : dom.clientWidth) || 388) / 388) * 16, "px")
+            }
+          }
+        }
+      }]
+    };
+    config = (0, _lodash.merge)({}, getResolvedChartConfig(), newFontSize);
+  } else {
+    config = (0, _lodash.merge)({}, getResolvedChartConfig());
+  }
+  return (0, _chartsToEchartsConfig.chartsToEchartsConfig)(_objectSpread({
+    type: CHART_TYPE,
+    loading: loading,
+    chartConfig: config,
+    theme: theme,
+    is2Dim: true,
+    onEvents: onEvents,
+    isGreenUp: isGreenUp
+  }, rest));
+};

package/dist/lib/charts/Chart/utils/getOption.js

@@ -0,0 +1,371 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOption = void 0;
+var _lodash = require("lodash");
+var _complementData = require("./complementData");
+var _handleChartConfig = require("./handleChartConfig");
+var _excluded = ["dataset"],
+  _excluded2 = ["dataset"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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) { _defineProperty(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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var initExtraData = {
+  newXData: [],
+  newYData: []
+};
+
+//根据configData更新config
+var createConfigWithData = function createConfigWithData(_ref) {
+  var _dataFillConfig$dimen, _extraData$newXData, _extraData$newXData2;
+  var _ref$configStyle = _ref.configStyle,
+    configStyle = _ref$configStyle === void 0 ? {} : _ref$configStyle,
+    _ref$configData = _ref.configData,
+    configData = _ref$configData === void 0 ? {} : _ref$configData,
+    _ref$helper = _ref.helper,
+    helper = _ref$helper === void 0 ? {} : _ref$helper,
+    extraData = _ref.extraData,
+    series = _ref.series,
+    _ref$maxTooltipNum = _ref.maxTooltipNum,
+    maxTooltipNum = _ref$maxTooltipNum === void 0 ? 20 : _ref$maxTooltipNum,
+    _ref$is2Dim = _ref.is2Dim,
+    is2Dim = _ref$is2Dim === void 0 ? false : _ref$is2Dim,
+    _ref$dataFillConfig = _ref.dataFillConfig,
+    dataFillConfig = _ref$dataFillConfig === void 0 ? {} : _ref$dataFillConfig,
+    totalTitle = _ref.totalTitle,
+    dataset = _ref.dataset,
+    transformData = _ref.transformData;
+  var color = configData.color,
+    title = configData.title,
+    visualMap = configData.visualMap,
+    createVisualMap = configData.createVisualMap,
+    xAxis = configData.xAxis,
+    yAxis = configData.yAxis,
+    dataZoom = configData.dataZoom,
+    legendConfig = configData.legend,
+    tooltipConfig = configData.tooltip,
+    createTooltip = configData.createTooltip,
+    gridConfig = configData.grid,
+    subtextX = configData.subtextX,
+    subtextY = configData.subtextY;
+  var getValueFromHelper = function getValueFromHelper(key, value) {
+    var _helper$key;
+    return ((_helper$key = helper[key]) === null || _helper$key === void 0 ? void 0 : _helper$key[value]) || value;
+  };
+  var yWithUnit = (0, _complementData.formatterAxis)(configData, 'yAxis', _objectSpread({
+    dataset: dataset
+  }, transformData));
+  var xWithUnit = (0, _complementData.formatterAxis)(configData, 'xAxis', _objectSpread({
+    dataset: dataset
+  }, transformData));
+  var dataZoomValue = dataZoom && dataZoom.value ? dataZoom.value : 10;
+  var xData = (0, _complementData.extractXData)(extraData.newXData, dataFillConfig === null || dataFillConfig === void 0 || (_dataFillConfig$dimen = dataFillConfig.dimensions) === null || _dataFillConfig$dimen === void 0 ? void 0 : _dataFillConfig$dimen[0]);
+  var _configStyle$tooltip = configStyle.tooltip,
+    tooltip = _configStyle$tooltip === void 0 ? {} : _configStyle$tooltip,
+    legend = configStyle.legend,
+    grid = configStyle.grid;
+  var handleTitle = function handleTitle(value) {
+    if (Array.isArray(value)) {
+      return value.map(function (item) {
+        return handleTitle(item);
+      });
+    }
+    if (typeof value === 'string') {
+      return {
+        text: getValueFromHelper('title', title)
+      };
+    }
+    return value;
+  };
+  var resolvedTitleText = function resolvedTitleText(item) {
+    return item !== null && item !== void 0 && item.formatter ? item === null || item === void 0 ? void 0 : item.formatter(item === null || item === void 0 ? void 0 : item.name, item === null || item === void 0 ? void 0 : item.unit) : item !== null && item !== void 0 && item.unit ? (item === null || item === void 0 ? void 0 : item.name) + '（' + (item === null || item === void 0 ? void 0 : item.unit) + '）' : item === null || item === void 0 ? void 0 : item.name;
+  };
+  var resolvedTitle = function resolvedTitle(title) {
+    var resolvedTitleArr = [];
+    subtextX === null || subtextX === void 0 || subtextX.forEach(function (item) {
+      resolvedTitleArr.push(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+        subtext: resolvedTitleText(item)
+      }, (item === null || item === void 0 ? void 0 : item.subTextStyle) && 'subtextStyle', item === null || item === void 0 ? void 0 : item.subTextStyle), (item === null || item === void 0 ? void 0 : item.left) && 'left', item === null || item === void 0 ? void 0 : item.left), "right", item !== null && item !== void 0 && item.right ? item === null || item === void 0 ? void 0 : item.right : 'right'), "top", item !== null && item !== void 0 && item.top ? item === null || item === void 0 ? void 0 : item.top : (item === null || item === void 0 ? void 0 : item.position) === 'top' ? 'top' : undefined), "bottom", item !== null && item !== void 0 && item.bottom ? item === null || item === void 0 ? void 0 : item.bottom : (item === null || item === void 0 ? void 0 : item.position) === 'top' ? undefined : '12%'));
+    });
+    subtextY === null || subtextY === void 0 || subtextY.forEach(function (item) {
+      resolvedTitleArr.push(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+        subtext: resolvedTitleText(item)
+      }, (item === null || item === void 0 ? void 0 : item.subtextStyle) && 'subtextStyle', item === null || item === void 0 ? void 0 : item.subtextStyle), "right", item !== null && item !== void 0 && item.right ? item.right : (item === null || item === void 0 ? void 0 : item.position) === 'right' ? 'right' : undefined), "left", item !== null && item !== void 0 && item.left ? item.left : undefined), (item === null || item === void 0 ? void 0 : item.top) && 'top', item === null || item === void 0 ? void 0 : item.top), (item === null || item === void 0 ? void 0 : item.bottom) && 'bottom', item === null || item === void 0 ? void 0 : item.bottom));
+    });
+    if (Array.isArray(handleTitle(title))) {
+      return [].concat(_toConsumableArray(handleTitle(title)), resolvedTitleArr);
+    } else {
+      return [handleTitle(title)].concat(resolvedTitleArr);
+    }
+  };
+  var newConfig = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, color && 'color', color), (title || subtextX || subtextY) && 'title', resolvedTitle(title)), xAxis && 'xAxis', (0, _lodash.isArray)(xAxis) ? xWithUnit : _objectSpread(_defineProperty({}, !is2Dim && !!(xData !== null && xData !== void 0 && xData.length) && 'data', xData), xWithUnit)), yAxis && 'yAxis', yWithUnit), ((0, _lodash.has)(configData, 'visualMap') || createVisualMap) && 'visualMap', createVisualMap ? createVisualMap(_objectSpread({
+    dataset: dataset
+  }, transformData)) : visualMap), dataZoom && 'dataZoom', _objectSpread({
+    startValue: ((_extraData$newXData = extraData.newXData) !== null && _extraData$newXData !== void 0 && _extraData$newXData.length ? (_extraData$newXData2 = extraData.newXData) === null || _extraData$newXData2 === void 0 ? void 0 : _extraData$newXData2.length : function getXAxisLen(_data, _res) {
+      var _dataset = _data.source || _data;
+      var res = _dataset;
+      if (_dataset && _dataset[0] && _dataset[0].source) {
+        res = _dataset[0].source;
+      }
+      return ((_res = res) === null || _res === void 0 ? void 0 : _res.length) || 0;
+    }(dataset)) - dataZoomValue
+  }, dataZoom)), "legend", legendConfig === false ? false : _objectSpread({
+    //饼图是2维数据，无法根据series判断
+    // type: 'scroll',
+    width: (legend === null || legend === void 0 ? void 0 : legend.width) || '60%'
+  }, legendConfig)), "grid", (0, _lodash.isArray)(grid) ? grid : _objectSpread(_objectSpread({}, grid || {}), gridConfig || {}));
+  if ((configData === null || configData === void 0 ? void 0 : configData.type) === 'boxplot') {
+    // 箱线图
+  } else if (tooltip.trigger === 'axis' && (series === null || series === void 0 ? void 0 : series.length) > maxTooltipNum) {
+    newConfig.tooltip = {
+      trigger: 'item'
+    };
+  } else if (tooltip.trigger === 'axis' && totalTitle !== null && totalTitle !== void 0 && totalTitle.text) {
+    newConfig.tooltip = {
+      formatter: function formatter(param) {
+        var newParam = param[0];
+        return ["".concat(totalTitle === null || totalTitle === void 0 ? void 0 : totalTitle.text, " ").concat(totalTitle === null || totalTitle === void 0 ? void 0 : totalTitle.value, " <br />"), "".concat(newParam.marker, " ").concat(newParam.name, " ").concat(newParam.data.value)].join('');
+      }
+    };
+  } else if (tooltip.trigger === 'item' && totalTitle !== null && totalTitle !== void 0 && totalTitle.text) {
+    newConfig.tooltip = {
+      formatter: function formatter(param) {
+        return ["".concat(param.marker, " ").concat(param.name, " ").concat(param.data.value)].join('');
+      }
+    };
+  }
+  if (series.length && series[0].type === 'pie' && configStyle.graphic) {
+    newConfig.title = {
+      text: totalTitle === null || totalTitle === void 0 ? void 0 : totalTitle.text,
+      subtext: totalTitle === null || totalTitle === void 0 ? void 0 : totalTitle.value,
+      top: '45%',
+      left: 'center'
+    };
+  }
+  var resolvedTooltip = (0, _handleChartConfig.handleTooltipConfigData)(tooltipConfig, is2Dim);
+  if (createTooltip) {
+    var _tooltip = createTooltip(_objectSpread({
+      dataset: dataset
+    }, transformData));
+    (0, _lodash.merge)(resolvedTooltip, _tooltip);
+  }
+  return (0, _lodash.merge)({}, configStyle, configData, newConfig, {
+    tooltip: resolvedTooltip
+  });
+};
+var createSeriesConfigWithData = function createSeriesConfigWithData(data, configData, is2Dim, _ref2) {
+  var dataset = _ref2.dataset,
+    transformData = _objectWithoutProperties(_ref2, _excluded);
+  if ((configData === null || configData === void 0 ? void 0 : configData.type) === 'bullet' || (configData === null || configData === void 0 ? void 0 : configData.type) === 'pie') {
+    return configData === null || configData === void 0 ? void 0 : configData.series;
+  }
+  var colorByData = configData.colorByData,
+    showPercentLabel = configData.showPercentLabel;
+  if (is2Dim) {
+    var _configData$series;
+    var series = (configData === null || configData === void 0 || (_configData$series = configData.series) === null || _configData$series === void 0 ? void 0 : _configData$series.default) || {};
+    if (series.createData) {
+      series.data = series.createData(_objectSpread({
+        dataset: dataset
+      }, transformData));
+    }
+    if (series.createMarkLine) {
+      series.markLine = series.createMarkLine(_objectSpread({
+        dataset: dataset
+      }, transformData));
+    }
+    if (colorByData) {
+      series.colorBy = 'data';
+    }
+    if (showPercentLabel) {
+      series.label = {
+        show: true,
+        position: 'top',
+        formatter: '{@percent}'
+      };
+    }
+    return [_objectSpread({}, series)];
+  }
+  var _configData$series2 = configData === null || configData === void 0 ? void 0 : configData.series,
+    startWithSeries = _configData$series2.startWithSeries;
+  var newData = data.map(function (item, index) {
+    var seriesConfig;
+    if (startWithSeries && item.groupKey.startsWith(startWithSeries === null || startWithSeries === void 0 ? void 0 : startWithSeries.name)) {
+      var _configData$series3, _configData$series4;
+      seriesConfig = (configData === null || configData === void 0 || (_configData$series3 = configData.series) === null || _configData$series3 === void 0 || (_configData$series3 = _configData$series3.startWithSeries) === null || _configData$series3 === void 0 ? void 0 : _configData$series3.config) || (configData === null || configData === void 0 || (_configData$series4 = configData.series) === null || _configData$series4 === void 0 ? void 0 : _configData$series4.default) || {};
+    } else {
+      var _configData$series5, _configData$series6, _configData$series7;
+      seriesConfig = _objectSpread(_objectSpread({}, configData === null || configData === void 0 || (_configData$series5 = configData.series) === null || _configData$series5 === void 0 ? void 0 : _configData$series5.default), configData === null || configData === void 0 || (_configData$series6 = configData.series) === null || _configData$series6 === void 0 ? void 0 : _configData$series6[item.groupKey]) || (configData === null || configData === void 0 || (_configData$series7 = configData.series) === null || _configData$series7 === void 0 ? void 0 : _configData$series7.default) || {};
+    }
+    switch (seriesConfig.type) {
+      case 'pie':
+        seriesConfig.data = item.source;
+        break;
+      case 'bar':
+        if (seriesConfig.emphasis) {
+          // seriesConfig.barGap = '-100%';
+        }
+        break;
+    }
+    var resolvedSeries = _objectSpread(_objectSpread({
+      datasetIndex: index
+    }, seriesConfig), {}, {
+      name: item.groupName,
+      key: item.groupKey || index
+    });
+    if (seriesConfig.createMarkLine) {
+      resolvedSeries.markLine = seriesConfig.createMarkLine(_objectSpread({
+        dataset: dataset
+      }, transformData));
+    }
+    if (showPercentLabel) {
+      resolvedSeries.label = {
+        show: true,
+        position: 'top',
+        formatter: '{@percent}'
+      };
+    }
+    return resolvedSeries;
+  });
+  if ((0, _lodash.isArray)(configData.seriesOrder)) {
+    newData.sort(function (a, b) {
+      return configData.seriesOrder.indexOf(a.key) - configData.seriesOrder.indexOf(b.key);
+    });
+  }
+  return newData;
+};
+var resolvedDataset = function resolvedDataset(_ref3) {
+  var _xAxis$, _res2;
+  var is2Dim = _ref3.is2Dim,
+    data = _ref3.data,
+    dataFillConfig = _ref3.dataFillConfig,
+    isComplementData = _ref3.isComplementData,
+    extraData = _ref3.extraData,
+    xAxis = _ref3.xAxis,
+    transform = _ref3.transform,
+    configData = _ref3.configData,
+    isMergeAllGroup = _ref3.isMergeAllGroup;
+  var res = data,
+    transformedData = {
+      dataset: []
+    };
+  var autoFilledxData;
+  if (transform) {
+    var _transformedData;
+    transformedData = (0, _complementData.transformWithConfig)(data, transform);
+    res = (_transformedData = transformedData) === null || _transformedData === void 0 ? void 0 : _transformedData.dataset;
+  }
+  if (is2Dim && configData !== null && configData !== void 0 && configData.showPercentLabel) {
+    (0, _complementData.complementPercentData)(res);
+  }
+  if (dataFillConfig && dataFillConfig.autoFill) {
+    autoFilledxData = (0, _complementData.autoCalculateXData)(res, dataFillConfig);
+    dataFillConfig.XData = autoFilledxData;
+  }
+  var xFormatter = (0, _lodash.isArray)(xAxis) ? xAxis === null || xAxis === void 0 || (_xAxis$ = xAxis[0]) === null || _xAxis$ === void 0 ? void 0 : _xAxis$.formatter : xAxis === null || xAxis === void 0 ? void 0 : xAxis.formatter;
+  var extraDataNewXData = [];
+  return _objectSpread(_objectSpread({}, transformedData), {}, {
+    dataset: is2Dim ? {
+      source: res,
+      dimensions: dataFillConfig === null || dataFillConfig === void 0 ? void 0 : dataFillConfig.dimensions
+    } : (_res2 = res) === null || _res2 === void 0 ? void 0 : _res2.map(function (item) {
+      if (isComplementData) {
+        var source = (0, _complementData.complementData)(item.source, dataFillConfig);
+        item.source = source.newList;
+      }
+      if (xFormatter !== null && xFormatter !== void 0 && xFormatter.formatter) {
+        var _xAxis$2;
+        item.source = (0, _complementData.extractSourceData)(item === null || item === void 0 ? void 0 : item.source, (0, _lodash.isArray)(xAxis) ? xAxis === null || xAxis === void 0 || (_xAxis$2 = xAxis[0]) === null || _xAxis$2 === void 0 ? void 0 : _xAxis$2.formatter : xAxis === null || xAxis === void 0 ? void 0 : xAxis.formatter);
+      }
+      if (isMergeAllGroup) {
+        extraDataNewXData = [].concat(_toConsumableArray(extraDataNewXData), _toConsumableArray(item.source));
+        extraData.newXData = extraDataNewXData;
+      } else {
+        extraData.newXData = item.source;
+      }
+      item.dimensions = dataFillConfig === null || dataFillConfig === void 0 ? void 0 : dataFillConfig.dimensions;
+      if (configData !== null && configData !== void 0 && configData.showPercentLabel) {
+        (0, _complementData.complementPercentData)(item.source);
+      }
+      return item;
+    })
+  });
+};
+
+//生成总的图表config
+var getOption = exports.getOption = function getOption(_ref4) {
+  var data = _ref4.data,
+    helper = _ref4.helper,
+    configStyle = _ref4.configStyle,
+    configData = _ref4.configData,
+    dataFillConfig = _ref4.dataFillConfig,
+    maxLegendNum = _ref4.maxLegendNum,
+    maxTooltipNum = _ref4.maxTooltipNum,
+    is2Dim = _ref4.is2Dim,
+    totalTitle = _ref4.totalTitle,
+    transform = _ref4.transform,
+    isMergeAllGroup = _ref4.isMergeAllGroup;
+  var extraData = initExtraData;
+  var xAxis = configData.xAxis;
+  if (!data || !(data !== null && data !== void 0 && data.map)) {
+    return;
+  }
+  var isComplementData = dataFillConfig && dataFillConfig.fillWith;
+  var transformedData = resolvedDataset({
+    is2Dim: is2Dim,
+    data: data,
+    dataFillConfig: dataFillConfig,
+    isComplementData: isComplementData,
+    extraData: extraData,
+    xAxis: xAxis,
+    transform: transform,
+    configData: configData,
+    isMergeAllGroup: isMergeAllGroup
+  });
+  var dataset = transformedData.dataset,
+    otherData = _objectWithoutProperties(transformedData, _excluded2);
+  // extraData.newXData = unionWith(...extraData.newXData, isEqual);
+  var series = [];
+  if (data.length > 0 && !(0, _lodash.isArray)(configData === null || configData === void 0 ? void 0 : configData.series)) {
+    series = createSeriesConfigWithData(data, configData, is2Dim, transformedData);
+  }
+  (0, _handleChartConfig.handleLegendConfigData)(configData, configStyle === null || configStyle === void 0 ? void 0 : configStyle.color, series);
+  var options = createConfigWithData({
+    configStyle: configStyle,
+    configData: configData,
+    helper: helper,
+    extraData: extraData,
+    series: series,
+    maxLegendNum: maxLegendNum,
+    maxTooltipNum: maxTooltipNum,
+    is2Dim: is2Dim,
+    dataFillConfig: dataFillConfig,
+    dataset: dataset,
+    totalTitle: totalTitle,
+    transform: transform,
+    transformData: otherData
+  });
+  if (series.length === 0) {
+    return _objectSpread({
+      dataset: dataset
+    }, options);
+  }
+  return _objectSpread(_objectSpread({
+    dataset: dataset
+  }, options), {}, {
+    series: series
+  });
+};