@supermapgis/vue-iclient-leaflet 11.3.0 → 12.0.0-r

package/dist/iclient-leaflet-vue.js

@@ -3,7 +3,7 @@
  *     @supermapgis/vue-iclient.(https://iclient.supermap.io)
  *     Copyright© 2000 - 2024 SuperMap Software Co.Ltd
  *     license: Apache-2.0
- *     version: v11.3.0
+ *     version: v12.0.0-r
  *    
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -104,6 +104,18 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
+/***/ "+581":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("Vpug");
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "+6XX":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -16236,7 +16248,8 @@ var progressTypes = exports.progressTypes = (0, _extends2.default)({}, _progress
   percent: _vueTypes.default.oneOfType([_vueTypes.default.string, _vueTypes.default.number]),
   strokeWidth: _vueTypes.default.oneOfType([_vueTypes.default.number]),
   // fix 其父元素宽高都很大的时候，需要传一个合适的size, 这时候不会自适应, 如需自适应则不传size
-  size: _vueTypes.default.oneOfType([_progress.ProgressSize, _vueTypes.default.number])
+  size: _vueTypes.default.oneOfType([_progress.ProgressSize, _vueTypes.default.number]),
+  decimals: _vueTypes.default.number
 });
 
 var _default = exports.default = {
@@ -16267,11 +16280,9 @@ var _default = exports.default = {
         strokeColor: this.colorData
       };
 
-      if (+this.finalValue > 100) {
-        dealWithProps.format = function () {
-          return (0, _util.strip)(+_this.finalValue) + '%';
-        };
-      }
+      dealWithProps.format = function () {
+        return (0, _util.getDecimalsFormatterVal)((0, _util.strip)(+_this.finalValue), _this.decimals) + '%';
+      };
 
       if (this.type === 'circle') {
         dealWithProps.width = this.calWidth;
@@ -46303,6 +46314,7 @@ var setTheme = exports.setTheme = function setTheme(themeStyle, triggerInfo) {
     }
   }
 
+  acceptedThemeStyle = (0, _util.objectWithoutProperties)(acceptedThemeStyle, (triggerInfo || {}).ignoreElements || []);
   var nextThemeData = (0, _serialColors.dealWithTheme)(acceptedThemeStyle);
   var nextTheme = Object.assign({}, nextThemeData.themeStyle);
 
@@ -46313,7 +46325,7 @@ var setTheme = exports.setTheme = function setTheme(themeStyle, triggerInfo) {
   _globalEvent.default.$options.theme = nextTheme;
 
   if (!triggerInfo || triggerInfo.triggerEvent === true) {
-    _globalEvent.default.$emit('change-theme', (0, _util.objectWithoutProperties)(nextTheme, (triggerInfo || {}).ignoreElements || []));
+    _globalEvent.default.$emit('change-theme', nextTheme);
   }
 
   if (!_vue.default.iclient) {
@@ -46507,6 +46519,25 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 component.options.__file = "Card.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
+/***/ }),
+
+/***/ "GDn5":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ render; });
+__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ staticRenderFns; });
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/common/chart/ChartMixin.vue?vue&type=template&id=319961f0&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('sm-collapse-card',{directives:[{name:"show",rawName:"v-show",value:(_vm.isShow),expression:"isShow"}],staticClass:"sm-component-chart",attrs:{"icon-class":_vm.iconClass,"icon-position":_vm.position,"header-name":_vm.headerName,"auto-rotate":_vm.autoRotate,"collapsed":_vm.collapsed,"split-line":_vm.splitLine}},[_c('v-chart',{ref:_vm.chartId,style:(_vm._chartStyle),attrs:{"id":_vm.chartId,"options":_vm._chartOptions,"initOptions":_vm.initOptions,"group":_vm.group,"manual-update":_vm.manualUpdate,"theme":_vm.theme || _vm.chartTheme},on:{"datazoom":_vm.dataZoomHandler}}),_vm._v(" "),_c('TablePopup',_vm._b({directives:[{name:"show",rawName:"v-show",value:(false),expression:"false"}],ref:"chartTablePopup",attrs:{"split-line":_vm.splitLine,"text-color":_vm.textColor,"background":_vm.background}},'TablePopup',_vm.tablePopupProps,false))],1)}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/common/chart/ChartMixin.vue?vue&type=template&id=319961f0&
+
+
 /***/ }),
 
 /***/ "GKdC":
@@ -58218,7 +58249,8 @@ var _default = exports.default = {
     drillLayersNotSupport: '暂不支持加载下钻图层！',
     mvtNotSupport: '暂不支持加载矢量瓦片图层！',
     mapCreatedFailed: '地图加载失败！',
-    projectionnotmatch: '{title}与当前地图投影不匹配！'
+    projectionnotmatch: '{title}与当前地图投影不匹配！',
+    xyztilelayernotsupport: '{title}瓦片图层与当前地图的分辨率或原点不匹配！'
   },
   videoPlus: {
     loadingTip: '视频加载中...'
@@ -65013,7 +65045,7 @@ module.exports = function (it) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _ChartMixin_vue_vue_type_template_id_26d34c92___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("wMDX");
+/* harmony import */ var _ChartMixin_vue_vue_type_template_id_319961f0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GDn5");
 /* harmony import */ var _ChartMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("6sEm");
 /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _ChartMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _ChartMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
 /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("KHd+");
@@ -65026,8 +65058,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(
   _ChartMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _ChartMixin_vue_vue_type_template_id_26d34c92___WEBPACK_IMPORTED_MODULE_0__[/* render */ "a"],
-  _ChartMixin_vue_vue_type_template_id_26d34c92___WEBPACK_IMPORTED_MODULE_0__[/* staticRenderFns */ "b"],
+  _ChartMixin_vue_vue_type_template_id_319961f0___WEBPACK_IMPORTED_MODULE_0__[/* render */ "a"],
+  _ChartMixin_vue_vue_type_template_id_319961f0___WEBPACK_IMPORTED_MODULE_0__[/* staticRenderFns */ "b"],
   false,
   null,
   null,
@@ -87326,6 +87358,780 @@ var _default = exports.default = {
 
 /***/ }),
 
+/***/ "Vpug":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _interopRequireDefault = __webpack_require__("TqRt");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _chart = __webpack_require__("gzXh");
+
+var _lodash = _interopRequireDefault(__webpack_require__("zT9C"));
+
+var _lodash2 = _interopRequireDefault(__webpack_require__("2oH+"));
+
+var _util = __webpack_require__("e7LN");
+
+function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+
+var _default = exports.default = {
+  methods: {
+    _optionsHandler: function _optionsHandler(options, dataOptions, dataZoomChanged) {
+      dataOptions = dataOptions && (0, _lodash.default)(dataOptions); // clone 避免引起重复刷新
+
+      options = options && (0, _lodash.default)(options); // clone 避免引起重复刷新
+
+      var extraSeries = [];
+
+      if (options && options.legend && !options.legend.type) {
+        options.legend.type = 'scroll';
+      }
+
+      var yAxis = options.yAxis;
+      var xAxis = options.xAxis;
+
+      if (xAxis && dataOptions.xAxis) {
+        this.handleAxis(options, dataOptions, xAxis, yAxis);
+      }
+
+      if (options && options.series && dataOptions.series) {
+        this.handleSeries(dataOptions, options, dataZoomChanged, extraSeries);
+      }
+
+      if (options && options.radar && dataOptions.radar) {
+        options.radar.indicator = Object.assign({}, dataOptions.radar.indicator || {});
+
+        this._handleRadarAxisLabelFormatter(options);
+      }
+
+      var series = dataOptions.series;
+      var isRingShine = options.series && options.series[0] && options.series[0].outerGap >= 0;
+
+      if (series && series.length && series[0].type === 'pie') {
+        this.setItemStyleColor(false, series);
+      }
+
+      if (isRingShine) {
+        dataOptions.series = this._createRingShineSeries(series, options.series);
+      }
+
+      if (this.highlightOptions && this.highlightOptions.length > 0) {
+        if (isRingShine) {
+          dataOptions.series = this._createRingShineHighlight(series, this.highlightOptions);
+        } else {
+          this.setItemStyleColor(true, series);
+        }
+      }
+
+      var mergeOptions = (0, _lodash2.default)(options, dataOptions);
+
+      if (extraSeries.length > 0) {
+        var _mergeOptions$series;
+
+        (_mergeOptions$series = mergeOptions.series).push.apply(_mergeOptions$series, extraSeries);
+      }
+
+      return mergeOptions;
+    },
+    handleAxis: function handleAxis(options, dataOptions, xAxis, yAxis) {
+      var axis = xAxis;
+      var axisData = dataOptions.xAxis[0];
+      var type = 'xAxis';
+
+      if (yAxis && yAxis.type === 'category') {
+        // 处理条形图
+        type = 'yAxis';
+        axis = yAxis;
+        dataOptions.yAxis = dataOptions.xAxis;
+        delete dataOptions.xAxis;
+
+        this._initAxisLabel(yAxis.axisLabel, yAxis.decimals, dataOptions.yAxis[0].data, options.visualMap, dataOptions.series);
+
+        delete options.yAxis.decimals;
+      }
+
+      if (dataOptions.series.length === 0) {
+        axis = [{}];
+      } else if (!Array.isArray(axis)) {
+        if (axisData.data && axisData.data.length) {
+          axis.data = [];
+        }
+
+        axis = [Object.assign({}, axisData, axis)];
+      }
+
+      options[type] = axis;
+    },
+    handleSeries: function handleSeries(dataOptions, options, dataZoomChanged, extraSeries) {
+      if (dataOptions.series.length === 0) {
+        options.series = [];
+      } else {
+        options.series = options.series.map(function (element, index) {
+          return Object.assign({}, element, dataOptions.series[index] || {});
+        });
+        var parallelShowNumber = this.getParallelShowNumber(options.series);
+
+        if (options.series[0].shape === 'cylinder') {
+          this.setCylinderXAxis(parallelShowNumber, options);
+        }
+
+        this.configureSeries(options, dataOptions, parallelShowNumber, dataZoomChanged, extraSeries); // 玫瑰图多个选中
+
+        if (options.series[0].type === 'pie' && options.series[0].roseType) {
+          options.series = options.series.map(function (serie) {
+            if (!serie.roseType) {
+              serie.roseType = options.series[0].roseType;
+            }
+
+            return serie;
+          });
+        } // pie的图例需要一个扇形是一个图例
+
+
+        if (options.legend && options.series.length > 0 && options.series[0].type === 'pie') {
+          options.legend.data = [];
+          options.series.forEach(function (element) {
+            if (element.data) {
+              var _options$legend$data;
+
+              (_options$legend$data = options.legend.data).push.apply(_options$legend$data, element.data.map(function (item) {
+                return item.name;
+              }));
+            }
+          });
+        }
+      }
+    },
+    configureSeries: function configureSeries(options, dataOptions, parallelShowNumber, dataZoomChanged, extraSeries) {
+      var _this2 = this;
+
+      var dataZoom = options.dataZoom && options.dataZoom[0];
+      var leftRightCount = parallelShowNumber / 2;
+      var baseSpace = 32;
+      var seriesSpace = 0;
+      var seriesSpaceCount = -Math.floor(leftRightCount);
+      var seriesNameTag;
+      var colorIndex = 0;
+      options.series = options.series.map(function (serie, index) {
+        if (parallelShowNumber !== 0) {
+          var serieName = serie.name.substring(serie.name.indexOf('-') + 1);
+
+          if (!seriesNameTag) {
+            seriesNameTag = serieName;
+            seriesSpace = _this2.getSericeSpace(parallelShowNumber, baseSpace, seriesSpaceCount);
+          } else {
+            if (seriesNameTag === serieName) {
+              seriesSpace = _this2.getSericeSpace(parallelShowNumber, baseSpace, seriesSpaceCount);
+            } else {
+              seriesSpaceCount = -Math.floor(leftRightCount);
+              seriesNameTag = serieName;
+              seriesSpace = _this2.getSericeSpace(parallelShowNumber, baseSpace, seriesSpaceCount);
+              colorIndex += 1;
+            }
+          }
+
+          seriesSpaceCount += 1;
+        }
+
+        var label = serie.label && serie.label.normal;
+
+        if (label && !label.smart) {
+          serie.label.normal = _this2._controlLabel(label, serie.maxLabels);
+        }
+
+        if (label && label.show && label.smart) {
+          _this2.handleLabel(label, serie, options, dataZoom, dataZoomChanged);
+        } else if (serie && serie.type !== 'pie' && serie.type !== 'radar') {
+          var colorGroup = (0, _chart.getMultiColorGroup)(_this2.colorGroupsData, _this2.colorNumber);
+
+          if (serie.type === '2.5Bar') {
+            var shape = serie.shape;
+            var defaultColor = serie.itemStyle && serie.itemStyle.color;
+
+            if (['square', 'rectangle'].includes(shape)) {
+              var cubeType = shape;
+              serie.type = 'custom';
+              dataOptions.series[index] && (dataOptions.series[index].type = 'custom');
+              var _this = _this2;
+              serie.renderItem = _this2._squareRectangleRenderItem(seriesSpace, defaultColor, colorGroup, _this, cubeType, colorIndex);
+            } else if (shape === 'cylinder') {
+              _this2.handleCylinder(parallelShowNumber, dataOptions, index, serie, options, defaultColor, colorGroup, extraSeries);
+            }
+
+            delete serie.shape;
+          }
+        }
+
+        return serie;
+      });
+    },
+    handleLabel: function handleLabel(label, serie, options, dataZoom, dataZoomChanged) {
+      label.position = label.position || 'top';
+      var data = serie.data || [];
+      var startDataIndex = 0;
+      var endDataIndex = data.length > 0 ? data.length - 1 : 0;
+
+      if (dataZoom && dataZoom.show !== false) {
+        if (dataZoom.start > dataZoom.end) {
+          var oldStart = dataZoom.start;
+          dataZoom.start = dataZoom.end;
+          dataZoom.end = oldStart;
+        }
+
+        if (dataZoomChanged) {
+          var _ref = this.smChart.chart.getOption().dataZoom[0] || {},
+              startValue = _ref.startValue,
+              endValue = _ref.endValue;
+
+          startDataIndex = startValue;
+          endDataIndex = endValue;
+          options.dataZoom = options.dataZoom.map(function (val) {
+            if (startValue >= 0 && endValue >= 0) {
+              val.startValue = startValue;
+              val.endValue = endValue;
+              delete val.start;
+              delete val.end;
+              return val;
+            }
+
+            return val;
+          });
+        } else {
+          startDataIndex = Math.floor(dataZoom.start / 100 * data.length);
+          endDataIndex = Math.ceil(dataZoom.end / 100 * data.length);
+        }
+
+        data = serie.data.slice(startDataIndex, endDataIndex + 1);
+      }
+
+      label.formatter = function (_ref2) {
+        var dataIndex = _ref2.dataIndex,
+            value = _ref2.value;
+        var result = '';
+
+        if (dataIndex === startDataIndex || dataIndex === endDataIndex || Math.max.apply(null, data) + '' === value + '') {
+          result = (0, _util.getDecimalsFormatterVal)(value, label.decimals);
+        }
+
+        return result;
+      };
+    },
+    handleCylinder: function handleCylinder(parallelShowNumber, dataOptions, index, serie, options, defaultColor, colorGroup, extraSeries) {
+      var _this3 = this;
+
+      serie.type = 'bar';
+      serie.barGap = parallelShowNumber === 0 ? '-100%' : '0';
+
+      if (parallelShowNumber !== 0) {
+        var serieColor = defaultColor || colorGroup[Math.ceil((index + 1) / parallelShowNumber) - 1];
+
+        if (serie.itemStyle) {
+          serie.itemStyle.color = this.setGradientColor(serieColor, '#fff');
+        } else {
+          serie.itemStyle = {};
+          serie.itemStyle.color = this.setGradientColor(serieColor, '#fff');
+        }
+      }
+
+      options.tooltip && options.tooltip.trigger === 'axis' && (options.tooltip.trigger = 'item');
+      dataOptions.series[index] && (dataOptions.series[index].type = 'bar');
+      var colorIndex = parallelShowNumber !== 0 ? Math.ceil((index + 1) / parallelShowNumber) - 1 : index;
+      var cirCleColor = defaultColor || colorGroup[colorIndex];
+      var cirCleColorFnList = [];
+
+      if (typeof cirCleColor === 'string') {
+        cirCleColor = this.setGradientColor(cirCleColor, '#fff');
+      }
+
+      if (this.highlightOptions && this.highlightOptions.length > 0) {
+        var matchDataList = [];
+        this.highlightOptions.forEach(function (item) {
+          if (item.seriesIndex.includes(index)) {
+            var color = item.color || _this3.highlightColor;
+
+            if (typeof color === 'string') {
+              color = _this3.setGradientColor(color, '#fff');
+            }
+
+            matchDataList.push({
+              dataIndex: item.dataIndex,
+              color: color
+            });
+          }
+        });
+
+        if (matchDataList.length > 0) {
+          cirCleColorFnList = ['topCirCleColorFn', 'bottomCirCleColorFn'].map(function () {
+            return function (_ref3) {
+              var dataIndex = _ref3.dataIndex;
+              var matchData = matchDataList.find(function (item) {
+                return item.dataIndex === dataIndex;
+              });
+              return matchData ? matchData.color : cirCleColor;
+            };
+          });
+        }
+      }
+
+      this.handleExtraSeries(parallelShowNumber, dataOptions, index, serie, extraSeries, cirCleColor, cirCleColorFnList);
+    },
+    handleExtraSeries: function handleExtraSeries(parallelShowNumber, dataOptions, index, serie, extraSeries, cirCleColor, cirCleColorFnList) {
+      var baseColumnWidth = parallelShowNumber !== 0 ? 100 / parallelShowNumber + "%" : '100%';
+      var nextSerieDatas = dataOptions.series[index + 1] && dataOptions.series[index + 1].data;
+      var offsetDistance = this.getOffsetDistance(parallelShowNumber, index);
+      var xAxisIndex = parallelShowNumber !== 0 ? Math.ceil((index + 1) / parallelShowNumber) - 1 : 0;
+      serie.xAxisIndex = xAxisIndex;
+      extraSeries.push( // 头部的圆片
+      {
+        name: parallelShowNumber !== 0 ? serie.name : '',
+        type: 'pictorialBar',
+        symbolOffset: parallelShowNumber !== 0 ? [offsetDistance, '-50%'] : [0, -8],
+        xAxisIndex: parallelShowNumber !== 0 ? xAxisIndex : 0,
+        symbolPosition: 'end',
+        z: 12,
+        itemStyle: {
+          normal: {
+            color: cirCleColorFnList[0] || cirCleColor
+          }
+        },
+        data: dataOptions.series[index].data.map(function (item, dataIndex) {
+          if (parallelShowNumber !== 0) {
+            return {
+              value: item,
+              symbolSize: [baseColumnWidth, 15]
+            };
+          } else {
+            return {
+              value: item,
+              symbolSize: !nextSerieDatas || nextSerieDatas[dataIndex] && +item >= +nextSerieDatas[dataIndex] ? [baseColumnWidth, 15] : [0, 15]
+            };
+          }
+        })
+      }, {
+        // 底部的圆片
+        name: parallelShowNumber !== 0 ? serie.name : '',
+        type: 'pictorialBar',
+        xAxisIndex: parallelShowNumber !== 0 ? xAxisIndex : 0,
+        symbolSize: parallelShowNumber !== 0 ? [baseColumnWidth, 10] : [offsetDistance, 10],
+        symbolOffset: parallelShowNumber !== 0 ? [offsetDistance, '50%'] : [0, 5],
+        z: 12,
+        itemStyle: {
+          normal: {
+            color: cirCleColorFnList[1] || cirCleColor
+          }
+        },
+        data: dataOptions.series[index].data
+      });
+    },
+    _handleRadarAxisLabelFormatter: function _handleRadarAxisLabelFormatter(options) {
+      if (typeof options.radar.decimals === 'number') {
+        for (var key in options.radar.indicator) {
+          var item = options.radar.indicator[key];
+          item.text = (0, _util.getDecimalsFormatterVal)(item.text, options.radar.decimals);
+        }
+
+        delete options.radar.decimals;
+      }
+
+      return options;
+    },
+    multipleYField: function multipleYField(optionSeries) {
+      var series = (0, _lodash.default)(optionSeries);
+      var nameList = series.map(function (serie) {
+        if (!serie.name.includes('-')) {
+          return serie.name;
+        }
+
+        var position = serie.name.indexOf('-');
+        var prefix = serie.name.substring(0, position);
+
+        if (isNaN(+prefix)) {
+          return serie.name;
+        }
+
+        return serie.name.substring(position + 1);
+      });
+      return series.length !== new Set(nameList).size;
+    },
+    getParallelShowNumber: function getParallelShowNumber(series) {
+      if (series.length === 0 || !this.multipleYField(series)) {
+        // 0表示不进行并列显示
+        return 0;
+      }
+
+      var parallelShowNumber = 0;
+      var symbolPosition = series[0].name.indexOf('-');
+      var firstSeriesName = series[0].name.substring(symbolPosition + 1);
+      series.forEach(function (option) {
+        var optionName = option.name.substring(symbolPosition + 1);
+
+        if (firstSeriesName === optionName) {
+          parallelShowNumber++;
+        }
+      });
+      return parallelShowNumber;
+    },
+    _initAxisLabel: function _initAxisLabel(axisLabel, decimals, data, visualMap, series) {
+      if (!this.xBar) {
+        return;
+      }
+
+      var sortSeriesIndex = this.datasetOptions.findIndex(function (item) {
+        return item.sort !== 'unsort' && item.rankLabel;
+      });
+
+      if (sortSeriesIndex > -1 && axisLabel && data) {
+        var orderNumLength = data.length.toString().length;
+
+        for (var index = 0, len = data.length, rankIndex = len - 1; index < len; index++, rankIndex--) {
+          var paddedNumber = rankIndex.toString().padStart(orderNumLength, '0');
+          data[index] = "" + paddedNumber + data[index];
+        }
+
+        var firstVisualMap = visualMap && visualMap.find(function (item) {
+          return item.seriesIndex === sortSeriesIndex;
+        });
+        axisLabel.rich = axisLabel.rich || {};
+        axisLabel.rich.default = {
+          backgroundColor: this.getStringColor(this.colorGroup[sortSeriesIndex]),
+          width: 20,
+          height: 20,
+          align: 'center',
+          borderRadius: 2
+        };
+        firstVisualMap && firstVisualMap.pieces.forEach(function (item, index) {
+          axisLabel.rich["color_" + index] = {
+            backgroundColor: item.color,
+            width: 20,
+            height: 20,
+            align: 'center',
+            borderRadius: 2
+          };
+        });
+        var serieData = series && series[sortSeriesIndex].data;
+
+        axisLabel.formatter = function (label, index) {
+          var orderNum = parseInt(label.slice(0, orderNumLength)) + 1;
+          var leftLabel = (0, _util.getDecimalsFormatterVal)(label.slice(orderNumLength), decimals);
+          var labelValue = serieData && +serieData[index];
+
+          if (firstVisualMap) {
+            var matchItemIndex = firstVisualMap.pieces.findIndex(function (item) {
+              var condition = true;
+
+              if (item.min) {
+                condition = condition && labelValue >= item.min;
+              }
+
+              if (item.max) {
+                condition = condition && labelValue <= item.max;
+              }
+
+              if (item.lte) {
+                condition = condition && labelValue <= item.lte;
+              }
+
+              if (item.gte) {
+                condition = condition && labelValue >= item.gte;
+              }
+
+              if (item.lt) {
+                condition = condition && labelValue < item.lt;
+              }
+
+              if (item.gt) {
+                condition = condition && labelValue > item.gt;
+              }
+
+              if (item.value) {
+                condition = condition && labelValue === item.value;
+              }
+
+              return condition;
+            });
+
+            if (matchItemIndex > -1) {
+              return ["{color_" + matchItemIndex + "|" + orderNum + "}  " + leftLabel].join('\n');
+            }
+          }
+
+          return ["{default|" + orderNum + "}  " + leftLabel].join('\n');
+        };
+      }
+    },
+    _createRingShineSeries: function _createRingShineSeries(series, optionsSeries) {
+      var _this4 = this;
+
+      if (optionsSeries) {
+        this.datasetOptions.forEach(function (datasetOption, index) {
+          var _ref4 = optionsSeries[index] || {},
+              type = _ref4.type,
+              outerGap = _ref4.outerGap,
+              isShine = _ref4.isShine;
+
+          if (type === 'pie' && outerGap >= 0) {
+            var data = series[index].data.map(function (val) {
+              return val.value;
+            });
+            outerGap = outerGap || Math.min.apply(null, data) / 5;
+            series[index].data = _this4._createRingShineDataOption(series[index].data, outerGap, isShine);
+            delete optionsSeries[index].outerGap;
+            delete optionsSeries[index].isShine;
+          }
+        });
+      }
+
+      return series;
+    },
+    _createRingShineDataOption: function _createRingShineDataOption(data, outerGap, isShine) {
+      if (!data) {
+        return;
+      }
+
+      var colors = this._handlerColorGroup(data.length);
+
+      var gapItem = {
+        value: outerGap,
+        name: '',
+        itemStyle: {
+          normal: {
+            label: {
+              show: false
+            },
+            labelLine: {
+              show: false
+            },
+            color: 'rgba(0, 0, 0, 0)',
+            borderColor: 'rgba(0, 0, 0, 0)',
+            borderWidth: 0
+          }
+        }
+      };
+      var result = [];
+
+      for (var i = 0; i < data.length; i++) {
+        var dataItem = {
+          value: data[i].value,
+          name: data[i].name
+        };
+
+        if (isShine) {
+          dataItem.itemStyle = {
+            borderWidth: 5,
+            shadowBlur: 10,
+            color: colors[i],
+            borderColor: colors[i],
+            shadowColor: colors[i]
+          };
+        }
+
+        result.push(dataItem);
+
+        if (data.length > 1) {
+          result.push(gapItem);
+        }
+      }
+
+      return result;
+    },
+    setCylinderXAxis: function setCylinderXAxis(parallelShowNumber, options) {
+      if (parallelShowNumber === 0) {
+        return;
+      }
+
+      var xAixsType = options.xAxis[0] && options.xAxis[0].type;
+
+      for (var i = 1; i <= parallelShowNumber; i++) {
+        options.xAxis.push({
+          type: xAixsType,
+          show: false
+        });
+      }
+    },
+    getOffsetDistance: function getOffsetDistance(parallelShowNumber, index) {
+      if (parallelShowNumber === 0) {
+        return '100%';
+      }
+
+      var distance;
+
+      if (parallelShowNumber % 2) {
+        distance = -100 * Math.floor(parallelShowNumber / 2) + index % parallelShowNumber * 100;
+        return distance + "%";
+      } else {
+        distance = -100 * (Math.floor(parallelShowNumber / 2) - 0.5) + index % parallelShowNumber * 100;
+      }
+
+      return distance + "%";
+    },
+    _squareRectangleRenderItem: function _squareRectangleRenderItem(seriesSpace, defaultColor, colorGroup, _this, cubeType, colorIndex) {
+      return function (params, api) {
+        var location = api.coord([api.value(0), api.value(1)]);
+        var fillColor = defaultColor || colorGroup[colorIndex];
+
+        if (_this.highlightOptions && _this.highlightOptions.length > 0) {
+          var matchData = _this.highlightOptions.find(function (item) {
+            return item.seriesIndex.includes(params.seriesIndex) && item.dataIndex === params.dataIndex;
+          });
+
+          if (matchData && (matchData.color || _this.highlightColor)) {
+            fillColor = matchData.color || _this.highlightColor;
+          }
+        }
+
+        var leftColor, rightColor, topColor;
+
+        if (typeof fillColor === 'object') {
+          var copyLeftColor = (0, _lodash.default)(fillColor);
+          var copyRightColor = (0, _lodash.default)(fillColor);
+          var copyTopColor = (0, _lodash.default)(fillColor);
+          copyLeftColor.colorStops[0].color = (0, _util.getColorWithOpacity)(copyLeftColor.colorStops[0].color, 0.4);
+          copyLeftColor.colorStops[1].color = (0, _util.getColorWithOpacity)(copyLeftColor.colorStops[1].color, 0.4);
+          copyRightColor.colorStops[0].color = (0, _util.getColorWithOpacity)(copyRightColor.colorStops[0].color, 0.7);
+          copyRightColor.colorStops[1].color = (0, _util.getColorWithOpacity)(copyRightColor.colorStops[1].color, 0.7);
+          copyTopColor.colorStops[0].color = (0, _util.getColorWithOpacity)(copyTopColor.colorStops[0].color, 0.85);
+          copyTopColor.colorStops[1].color = (0, _util.getColorWithOpacity)(copyTopColor.colorStops[1].color, 0.85);
+          leftColor = copyLeftColor;
+          rightColor = copyRightColor;
+          topColor = copyTopColor;
+        } else {
+          leftColor = (0, _util.getColorWithOpacity)(fillColor, 0.4);
+          rightColor = (0, _util.getColorWithOpacity)(fillColor, 0.7);
+          topColor = (0, _util.getColorWithOpacity)(fillColor, 0.85);
+        }
+
+        return {
+          type: 'group',
+          children: [{
+            type: "Cube" + cubeType + "Left",
+            shape: {
+              api: api,
+              xValue: api.value(0),
+              yValue: api.value(1),
+              x: location[0] + seriesSpace,
+              y: location[1],
+              bottomYAxis: api.coord([api.value(0), 0])[1]
+            },
+            style: {
+              fill: leftColor
+            }
+          }, {
+            type: "Cube" + cubeType + "Right",
+            shape: {
+              api: api,
+              xValue: api.value(0),
+              yValue: api.value(1),
+              x: location[0] + seriesSpace,
+              y: location[1],
+              bottomYAxis: api.coord([api.value(0), 0])[1]
+            },
+            style: {
+              fill: rightColor
+            }
+          }, {
+            type: "Cube" + cubeType + "Top",
+            shape: {
+              api: api,
+              xValue: api.value(0),
+              yValue: api.value(1),
+              x: location[0] + seriesSpace,
+              y: location[1],
+              bottomYAxis: api.coord([api.value(0), 0])[1]
+            },
+            style: {
+              fill: topColor
+            }
+          }]
+        };
+      };
+    },
+    getSericeSpace: function getSericeSpace(sameYFieldSeriesCount, baseSpace, seriesSpaceCount) {
+      if (sameYFieldSeriesCount % 2 === 0) {
+        return seriesSpaceCount * baseSpace + baseSpace / 2;
+      } else {
+        return seriesSpaceCount * baseSpace;
+      }
+    },
+    getSameYFieldSeriesCount: function getSameYFieldSeriesCount(series) {
+      var firstSeriesName = series[0].name.split('-')[1];
+      var seriesCount = 0;
+
+      for (var _iterator = _createForOfIteratorHelperLoose(series), _step; !(_step = _iterator()).done;) {
+        var serie = _step.value;
+        var serieNname = serie.name.split('-')[1];
+
+        if (firstSeriesName === serieNname) {
+          seriesCount += 1;
+        } else {
+          return seriesCount;
+        }
+      }
+
+      return seriesCount;
+    },
+    _createRingShineHighlight: function _createRingShineHighlight(series, highlightOptions, color) {
+      if (color === void 0) {
+        color = this.highlightColor;
+      }
+
+      series = series || [];
+      series = series.map(function (serie, seriesIndex) {
+        var dataIndexs = highlightOptions.map(function (item) {
+          if (item.seriesIndex && item.seriesIndex.includes(seriesIndex)) {
+            return item.dataIndex;
+          }
+        });
+        var colors = highlightOptions.map(function (item) {
+          if (item.seriesIndex && item.seriesIndex.includes(seriesIndex)) {
+            return item.color || color;
+          }
+        });
+        var serieDatas = serie && serie.data || [];
+        dataIndexs.forEach(function (dataIndex, index) {
+          serieDatas[dataIndex].itemStyle.color = colors[index];
+          serieDatas[dataIndex].itemStyle.borderColor = colors[index];
+          serieDatas[dataIndex].itemStyle.shadowColor = colors[index];
+        });
+        return serie;
+      });
+      return series;
+    },
+    getStringColor: function getStringColor(color) {
+      if (color instanceof Object) {
+        return ((color.colorStops || [])[0] || {}).color;
+      }
+
+      return color;
+    },
+    setGradientColor: function setGradientColor(color, nextColor) {
+      if (typeof color === 'string') {
+        return new this.$options.graphic.LinearGradient(0, 0, 0, 1, [{
+          offset: 0,
+          color: color
+        }, {
+          offset: 1,
+          color: nextColor || color
+        }]);
+      }
+
+      return color;
+    }
+  }
+};
+
+/***/ }),
+
 /***/ "Vs1/":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -87856,7 +88662,8 @@ var _default = exports.default = {
     drillLayersNotSupport: 'Drill-down layers are not supported yet!',
     mvtNotSupport: 'Vector tile layers is not supported yet!',
     mapCreatedFailed: 'Failed to load map!',
-    projectionnotmatch: '{title} does not match the current map projection!'
+    projectionnotmatch: '{title} does not match the current map projection!',
+    xyztilelayernotsupport: '{title} XYZ Tile layer does not match the resolution or origin of the current map!'
   },
   drillMap: {
     goBack: 'Go Back'
@@ -92214,6 +93021,37 @@ var _default = exports.default = {
 
 /***/ }),
 
+/***/ "Xp+g":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("+581");
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("KHd+");
+var render, staticRenderFns
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(
+  _ChartHandleMixin_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"],
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+component.options.__file = "ChartHandleMixin.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
 /***/ "Xvvz":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -105789,6 +106627,7 @@ exports.getColorWithOpacity = getColorWithOpacity;
 exports.getDarkenColor = getDarkenColor;
 exports.getDataType = getDataType;
 exports.getDateTime = getDateTime;
+exports.getDecimalsFormatterVal = getDecimalsFormatterVal;
 exports.getDerivedColorsByTextColor = getDerivedColorsByTextColor;
 exports.getFeatureCenter = getFeatureCenter;
 exports.getValueCaseInsensitive = getValueCaseInsensitive;
@@ -106114,6 +106953,14 @@ var statisticFunctions = exports.statisticFunctions = {
   }
 };
 
+function getDecimalsFormatterVal(val, decimals) {
+  if (!Number.isFinite(+val)) {
+    return val;
+  }
+
+  return decimals === -1 || typeof decimals !== 'number' ? val : Number(val).toFixed(decimals);
+}
+
 /***/ }),
 
 /***/ "eCvj":
@@ -125505,13 +126352,11 @@ var _vueEcharts = _interopRequireDefault(__webpack_require__("Zni2"));
 
 var _lodash = _interopRequireDefault(__webpack_require__("9csQ"));
 
-var _lodash2 = _interopRequireDefault(__webpack_require__("2oH+"));
-
-var _lodash3 = _interopRequireDefault(__webpack_require__("XaGS"));
+var _lodash2 = _interopRequireDefault(__webpack_require__("XaGS"));
 
-var _lodash4 = _interopRequireDefault(__webpack_require__("9/5/"));
+var _lodash3 = _interopRequireDefault(__webpack_require__("9/5/"));
 
-var _lodash5 = _interopRequireDefault(__webpack_require__("zT9C"));
+var _lodash4 = _interopRequireDefault(__webpack_require__("zT9C"));
 
 var _Card = _interopRequireDefault(__webpack_require__("tnDp"));
 
@@ -125533,11 +126378,8 @@ var _index = _interopRequireDefault(__webpack_require__("NQEM"));
 
 var _resizeDetector = __webpack_require__("QG5D");
 
-function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+var _ChartHandleMixin = _interopRequireDefault(__webpack_require__("Xp+g"));
 
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } //
 //
 //
 //
@@ -125569,8 +126411,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 //
 //
 //
-
-
+//
 // 枚举事件类型
 var EVENTS = ['legendselectchanged', 'legendselected', 'legendunselected', 'legendscroll', 'datazoom', 'datarangeselected', 'timelinechanged', 'timelineplaychanged', 'restore', 'dataviewchanged', 'magictypechanged', 'geoselectchanged', 'geoselected', 'geounselected', 'pieselectchanged', 'pieselected', 'pieunselected', 'mapselectchanged', 'mapselected', 'mapunselected', 'axisareaselected', 'focusnodeadjacency', 'unfocusnodeadjacency', 'brush', 'brushselected', 'rendered', 'finished', 'click', 'dblclick', 'mouseover', 'mouseout', 'mousemove', 'mousedown', 'mouseup', 'globalout', 'contextmenu'];
 
@@ -125579,7 +126420,7 @@ var _default2 = exports.default = {
     'v-chart': _vueEcharts.default,
     TablePopup: _TablePopup.default
   },
-  mixins: [_Theme.default, _Card.default, _Timer.default],
+  mixins: [_Theme.default, _Card.default, _Timer.default, _ChartHandleMixin.default],
   props: {
     iconClass: {
       type: String,
@@ -125679,7 +126520,7 @@ var _default2 = exports.default = {
       };
     },
     parseOptions: function parseOptions() {
-      var _this2 = this;
+      var _this = this;
 
       if (!this.options.series) {
         return this.options;
@@ -125701,8 +126542,8 @@ var _default2 = exports.default = {
 
       var series = this.options.series.map(function (serie) {
         if (serie.label) {
-          var cloneSerie = (0, _lodash5.default)(serie);
-          cloneSerie.label.normal = _this2._controlLabel(cloneSerie.label.normal, cloneSerie.maxLabels);
+          var cloneSerie = (0, _lodash4.default)(serie);
+          cloneSerie.label.normal = _this._controlLabel(cloneSerie.label.normal, cloneSerie.maxLabels);
           return cloneSerie;
         }
 
@@ -125738,17 +126579,17 @@ var _default2 = exports.default = {
       this.chartTheme = null;
     },
     colorGroupsData: function colorGroupsData(newVal, oldVal) {
-      if (!(0, _lodash3.default)(newVal, oldVal)) {
+      if (!(0, _lodash2.default)(newVal, oldVal)) {
         this._setChartTheme();
       }
     },
     textColorsData: function textColorsData(newVal, oldVal) {
-      if (!(0, _lodash3.default)(newVal, oldVal)) {
+      if (!(0, _lodash2.default)(newVal, oldVal)) {
         this._setChartTheme();
       }
     },
     getBackground: function getBackground(newVal, oldVal) {
-      if (!(0, _lodash3.default)(newVal, oldVal)) {
+      if (!(0, _lodash2.default)(newVal, oldVal)) {
         this._setChartTheme();
       }
     },
@@ -125761,7 +126602,7 @@ var _default2 = exports.default = {
     },
     datasetOptions: {
       handler: function handler(newVal, oldVal) {
-        if (!(0, _lodash3.default)(newVal, oldVal)) {
+        if (!(0, _lodash2.default)(newVal, oldVal)) {
           this._setChartTheme();
 
           this.registerShape();
@@ -125861,10 +126702,10 @@ var _default2 = exports.default = {
   },
   methods: {
     _initAutoResize: function _initAutoResize() {
-      var _this3 = this;
+      var _this2 = this;
 
-      this.__resizeHandler = (0, _lodash4.default)(function () {
-        _this3.resize();
+      this.__resizeHandler = (0, _lodash3.default)(function () {
+        _this2.resize();
       }, 100, {
         leading: true
       });
@@ -125875,124 +126716,16 @@ var _default2 = exports.default = {
       }
     },
     _initDataZoom: function _initDataZoom() {
-      var _this4 = this;
+      var _this3 = this;
 
-      this.dataZoomHandler = (0, _lodash4.default)(function () {
-        _this4._dataZoomChanged();
+      this.dataZoomHandler = (0, _lodash3.default)(function () {
+        _this3._dataZoomChanged();
       }, 500, {
         leading: true
       });
     },
-    getStringColor: function getStringColor(color) {
-      if (color instanceof Object) {
-        return ((color.colorStops || [])[0] || {}).color;
-      }
-
-      return color;
-    },
-    setGradientColor: function setGradientColor(color, nextColor) {
-      if (typeof color === 'string') {
-        return new this.$options.graphic.LinearGradient(0, 0, 0, 1, [{
-          offset: 0,
-          color: color
-        }, {
-          offset: 1,
-          color: nextColor || color
-        }]);
-      }
-
-      return color;
-    },
-    _initAxisLabel: function _initAxisLabel(axisLabel, data, visualMap, series) {
-      if (!this.xBar) {
-        return;
-      }
-
-      var sortSeriesIndex = this.datasetOptions.findIndex(function (item) {
-        return item.sort !== 'unsort' && item.rankLabel;
-      });
-
-      if (sortSeriesIndex > -1 && axisLabel && data) {
-        var orderNumLength = data.length.toString().length;
-
-        for (var index = 0, len = data.length, rankIndex = len - 1; index < len; index++, rankIndex--) {
-          var paddedNumber = rankIndex.toString().padStart(orderNumLength, '0');
-          data[index] = "" + paddedNumber + data[index];
-        }
-
-        var firstVisualMap = visualMap && visualMap.find(function (item) {
-          return item.seriesIndex === sortSeriesIndex;
-        });
-        axisLabel.rich = axisLabel.rich || {};
-        axisLabel.rich.default = {
-          backgroundColor: this.getStringColor(this.colorGroup[sortSeriesIndex]),
-          width: 20,
-          height: 20,
-          align: 'center',
-          borderRadius: 2
-        };
-        firstVisualMap && firstVisualMap.pieces.forEach(function (item, index) {
-          axisLabel.rich["color_" + index] = {
-            backgroundColor: item.color,
-            width: 20,
-            height: 20,
-            align: 'center',
-            borderRadius: 2
-          };
-        });
-        var serieData = series && series[sortSeriesIndex].data;
-
-        axisLabel.formatter = function (label, index) {
-          var orderNum = parseInt(label.slice(0, orderNumLength)) + 1;
-          var leftLabel = label.slice(orderNumLength);
-          var labelValue = serieData && +serieData[index];
-
-          if (firstVisualMap) {
-            var matchItemIndex = firstVisualMap.pieces.findIndex(function (item) {
-              var condition = true;
-
-              if (item.min) {
-                condition = condition && labelValue >= item.min;
-              }
-
-              if (item.max) {
-                condition = condition && labelValue <= item.max;
-              }
-
-              if (item.lte) {
-                condition = condition && labelValue <= item.lte;
-              }
-
-              if (item.gte) {
-                condition = condition && labelValue >= item.gte;
-              }
-
-              if (item.lt) {
-                condition = condition && labelValue < item.lt;
-              }
-
-              if (item.gt) {
-                condition = condition && labelValue > item.gt;
-              }
-
-              if (item.value) {
-                condition = condition && labelValue === item.value;
-              }
-
-              return condition;
-            });
-
-            if (matchItemIndex > -1) {
-              return ["{color_" + matchItemIndex + "|" + orderNum + "}  " + leftLabel].join('\n');
-            }
-          }
-
-          return ["{default|" + orderNum + "}  " + leftLabel].join('\n');
-        };
-      }
-    },
     setItemStyleColor: function setItemStyleColor(isSet, series, highlightOptions, color) {
-      var _this5 = this;
+      var _this4 = this;
 
       if (isSet === void 0) {
         isSet = true;
@@ -126006,7 +126739,7 @@ var _default2 = exports.default = {
         color = this.highlightColor;
       }
 
-      series = series || (0, _lodash5.default)(this.echartOptions && this.echartOptions.series) || [];
+      series = series || (0, _lodash4.default)(this.echartOptions && this.echartOptions.series) || [];
       series.forEach(function (serie, seriesIndex) {
         var dataIndexs = highlightOptions.map(function (item) {
           if (item.seriesIndex && item.seriesIndex.includes(seriesIndex)) {
@@ -126018,7 +126751,7 @@ var _default2 = exports.default = {
             return item.color || color;
           }
         });
-        var serieColor = _this5.options.series && _this5.options.series[seriesIndex] && _this5.options.series[seriesIndex].itemStyle && _this5.options.series[seriesIndex].itemStyle.color;
+        var serieColor = _this4.options.series && _this4.options.series[seriesIndex] && _this4.options.series[seriesIndex].itemStyle && _this4.options.series[seriesIndex].itemStyle.color;
         serie.itemStyle = serie.itemStyle || {
           color: ''
         };
@@ -126030,7 +126763,7 @@ var _default2 = exports.default = {
           if (index > -1) {
             return colors[index];
           } else if (serie.type === 'pie') {
-            var colorGroup = _this5._handlerColorGroup(serie.data.length);
+            var colorGroup = _this4._handlerColorGroup(serie.data.length);
 
             return colorGroup[dataIndex];
           } else {
@@ -126053,7 +126786,7 @@ var _default2 = exports.default = {
       }
     },
     setPieAutoPlay: function setPieAutoPlay(echartsNode) {
-      var _this6 = this;
+      var _this5 = this;
 
       var i = -1;
       this.pieAutoPlay = setInterval(function () {
@@ -126064,7 +126797,7 @@ var _default2 = exports.default = {
         });
         i++;
 
-        if (i >= _this6._chartOptions.legend.data.length) {
+        if (i >= _this5._chartOptions.legend.data.length) {
           i = 0;
         }
 
@@ -126087,21 +126820,21 @@ var _default2 = exports.default = {
       }
     },
     timing: function timing() {
-      var _this7 = this;
+      var _this6 = this;
 
       this.echartsDataService && this.echartsDataService.getDataOption(this.dataset, this.xBar).then(function (options) {
-        _this7.hideLoading(); // 缓存dataSeriesCache，请求后格式化成echart的数据
+        _this6.hideLoading(); // 缓存dataSeriesCache，请求后格式化成echart的数据
 
 
-        _this7.dataSeriesCache = Object.assign({}, options);
-        _this7.datasetChange = false; // 设置echartOptions
+        _this6.dataSeriesCache = Object.assign({}, options);
+        _this6.datasetChange = false; // 设置echartOptions
 
-        _this7.echartOptions = _this7._optionsHandler(_this7.options, options);
+        _this6.echartOptions = _this6._optionsHandler(_this6.options, options);
       });
     },
     // 请求数据,设置echartOptions
     _setEchartOptions: function _setEchartOptions(dataset, datasetOptions, echartOptions) {
-      var _this8 = this;
+      var _this7 = this;
 
       this.echartsDataService = null;
       this.dataSeriesCache = null;
@@ -126118,615 +126851,14 @@ var _default2 = exports.default = {
 
       this.echartsDataService = new _EchartsDataService.default(dataset, datasetOptions);
       this.echartsDataService.getDataOption(dataset, this.xBar).then(function (options) {
-        _this8.hideLoading(); // 缓存dataSeriesCache，请求后格式化成echart的数据
-
-
-        _this8.dataSeriesCache = Object.assign({}, options);
-        _this8.datasetChange = false; // 设置echartOptions
-
-        _this8.echartOptions = _this8._optionsHandler(echartOptions, options);
-      });
-    },
-    _optionsHandler: function _optionsHandler(options, dataOptions, dataZoomChanged) {
-      var _this9 = this;
-
-      dataOptions = dataOptions && (0, _lodash5.default)(dataOptions); // clone 避免引起重复刷新
-
-      options = options && (0, _lodash5.default)(options); // clone 避免引起重复刷新
-
-      var extraSeries = [];
-
-      if (options && options.legend && !options.legend.type) {
-        options.legend.type = 'scroll';
-      }
-
-      var yAxis = options.yAxis;
-      var xAxis = options.xAxis;
-
-      if (xAxis && dataOptions.xAxis) {
-        var axis = xAxis;
-        var axisData = dataOptions.xAxis[0];
-        var type = 'xAxis';
-
-        if (yAxis && yAxis.type === 'category') {
-          // 处理条形图
-          type = 'yAxis';
-          axis = yAxis;
-          dataOptions.yAxis = dataOptions.xAxis;
-          delete dataOptions.xAxis;
-
-          this._initAxisLabel(yAxis.axisLabel, dataOptions.yAxis[0].data, options.visualMap, dataOptions.series);
-        }
-
-        if (dataOptions.series.length === 0) {
-          axis = [{}];
-        } else if (!Array.isArray(axis)) {
-          if (axisData.data && axisData.data.length) {
-            axis.data = [];
-          }
-
-          axis = [Object.assign({}, axisData, axis)];
-        }
-
-        options[type] = axis;
-      }
-
-      if (options && options.series && dataOptions.series) {
-        if (dataOptions.series.length === 0) {
-          options.series = [];
-        } else {
-          options.series = options.series.map(function (element, index) {
-            return Object.assign({}, element, dataOptions.series[index] || {});
-          });
-          var dataZoom = options.dataZoom && options.dataZoom[0];
-          var parallelShowNumber = this.getParallelShowNumber(options.series);
-
-          if (options.series[0].shape === 'cylinder') {
-            this.setCylinderXAxis(parallelShowNumber, options);
-          }
-
-          var leftRightCount = parallelShowNumber / 2;
-          var baseSpace = 32;
-          var seriesSpace = 0;
-          var seriesSpaceCount = -Math.floor(leftRightCount);
-          var seriesNameTag;
-          var colorIndex = 0;
-          options.series = options.series.map(function (serie, index) {
-            if (parallelShowNumber !== 0) {
-              var serieName = serie.name.substring(serie.name.indexOf('-') + 1);
-
-              if (!seriesNameTag) {
-                seriesNameTag = serieName;
-                seriesSpace = _this9.getSericeSpace(parallelShowNumber, baseSpace, seriesSpaceCount);
-              } else {
-                if (seriesNameTag === serieName) {
-                  seriesSpace = _this9.getSericeSpace(parallelShowNumber, baseSpace, seriesSpaceCount);
-                } else {
-                  seriesSpaceCount = -Math.floor(leftRightCount);
-                  seriesNameTag = serieName;
-                  seriesSpace = _this9.getSericeSpace(parallelShowNumber, baseSpace, seriesSpaceCount);
-                  colorIndex += 1;
-                }
-              }
-
-              seriesSpaceCount += 1;
-            }
-
-            var label = serie.label && serie.label.normal;
-
-            if (label && !label.smart) {
-              serie.label.normal = _this9._controlLabel(label, serie.maxLabels);
-            }
-
-            if (label && label.show && label.smart) {
-              label.position = label.position || 'top';
-              var data = serie.data || [];
-              var startDataIndex = 0;
-              var endDataIndex = data.length > 0 ? data.length - 1 : 0;
-
-              if (dataZoom && dataZoom.show !== false) {
-                if (dataZoom.start > dataZoom.end) {
-                  var oldStart = dataZoom.start;
-                  dataZoom.start = dataZoom.end;
-                  dataZoom.end = oldStart;
-                }
-
-                if (dataZoomChanged) {
-                  var _ref2 = _this9.smChart.chart.getOption().dataZoom[0] || {},
-                      startValue = _ref2.startValue,
-                      endValue = _ref2.endValue;
-
-                  startDataIndex = startValue;
-                  endDataIndex = endValue;
-                  options.dataZoom = options.dataZoom.map(function (val) {
-                    if (startValue >= 0 && endValue >= 0) {
-                      val.startValue = startValue;
-                      val.endValue = endValue;
-                      delete val.start;
-                      delete val.end;
-                      return val;
-                    }
-
-                    return val;
-                  });
-                } else {
-                  startDataIndex = Math.floor(dataZoom.start / 100 * data.length);
-                  endDataIndex = Math.ceil(dataZoom.end / 100 * data.length);
-                }
-
-                data = serie.data.slice(startDataIndex, endDataIndex + 1);
-              }
-
-              label.formatter = function (_ref3) {
-                var dataIndex = _ref3.dataIndex,
-                    value = _ref3.value;
-                var result = '';
-
-                if (dataIndex === startDataIndex || dataIndex === endDataIndex || Math.max.apply(null, data) + '' === value + '') {
-                  result = value;
-                }
-
-                return result;
-              };
-            } else if (serie && serie.type !== 'pie' && serie.type !== 'radar') {
-              var colorGroup = (0, _chart.getMultiColorGroup)(_this9.colorGroupsData, _this9.colorNumber);
-
-              if (serie.type === '2.5Bar') {
-                var shape = serie.shape;
-                var defaultColor = serie.itemStyle && serie.itemStyle.color;
-
-                if (['square', 'rectangle'].includes(shape)) {
-                  var cubeType = shape;
-                  serie.type = 'custom';
-                  dataOptions.series[index] && (dataOptions.series[index].type = 'custom');
-                  var _this = _this9;
-                  serie.renderItem = _this9._squareRectangleRenderItem(seriesSpace, defaultColor, colorGroup, _this, cubeType, colorIndex);
-                } else if (shape === 'cylinder') {
-                  _this9.handleCylinder(parallelShowNumber, dataOptions, index, serie, options, defaultColor, colorGroup, extraSeries);
-                }
-
-                delete serie.shape;
-              }
-            }
-
-            return serie;
-          }); // 玫瑰图多个选中
-
-          if (options.series[0].type === 'pie' && options.series[0].roseType) {
-            options.series = options.series.map(function (serie) {
-              if (!serie.roseType) {
-                serie.roseType = options.series[0].roseType;
-              }
-
-              return serie;
-            });
-          } // pie的图例需要一个扇形是一个图例
-
-
-          if (options.legend && options.series.length > 0 && options.series[0].type === 'pie') {
-            options.legend.data = [];
-            options.series.forEach(function (element) {
-              if (element.data) {
-                var _options$legend$data;
-
-                (_options$legend$data = options.legend.data).push.apply(_options$legend$data, element.data.map(function (item) {
-                  return item.name;
-                }));
-              }
-            });
-          }
-        }
-      }
-
-      if (options && options.radar && dataOptions.radar) {
-        options.radar.indicator = Object.assign({}, dataOptions.radar.indicator || {});
-      }
-
-      var series = dataOptions.series;
-      var isRingShine = options.series && options.series[0] && options.series[0].outerGap >= 0;
-
-      if (series && series.length && series[0].type === 'pie') {
-        this.setItemStyleColor(false, series);
-      }
-
-      if (isRingShine) {
-        dataOptions.series = this._createRingShineSeries(series, options.series);
-      }
-
-      if (this.highlightOptions && this.highlightOptions.length > 0) {
-        if (isRingShine) {
-          dataOptions.series = this._createRingShineHighlight(series, this.highlightOptions);
-        } else {
-          this.setItemStyleColor(true, series);
-        }
-      }
-
-      var mergeOptions = (0, _lodash2.default)(options, dataOptions);
-
-      if (extraSeries.length > 0) {
-        var _mergeOptions$series;
-
-        (_mergeOptions$series = mergeOptions.series).push.apply(_mergeOptions$series, extraSeries);
-      }
-
-      return mergeOptions;
-    },
-    handleCylinder: function handleCylinder(parallelShowNumber, dataOptions, index, serie, options, defaultColor, colorGroup, extraSeries) {
-      var _this10 = this;
-
-      var baseColumnWidth = parallelShowNumber !== 0 ? 100 / parallelShowNumber + "%" : '100%';
-      var nextSerieDatas = dataOptions.series[index + 1] && dataOptions.series[index + 1].data;
-      serie.type = 'bar';
-      serie.barGap = parallelShowNumber === 0 ? '-100%' : '0';
-
-      if (parallelShowNumber !== 0) {
-        var serieColor = defaultColor || colorGroup[Math.ceil((index + 1) / parallelShowNumber) - 1];
-
-        if (serie.itemStyle) {
-          serie.itemStyle.color = this.setGradientColor(serieColor, '#fff');
-        } else {
-          serie.itemStyle = {};
-          serie.itemStyle.color = this.setGradientColor(serieColor, '#fff');
-        }
-      }
-
-      options.tooltip && options.tooltip.trigger === 'axis' && (options.tooltip.trigger = 'item');
-      dataOptions.series[index] && (dataOptions.series[index].type = 'bar');
-      var colorIndex = parallelShowNumber !== 0 ? Math.ceil((index + 1) / parallelShowNumber) - 1 : index;
-      var cirCleColor = defaultColor || colorGroup[colorIndex];
-      var cirCleColorFnList = [];
-
-      if (typeof cirCleColor === 'string') {
-        cirCleColor = this.setGradientColor(cirCleColor, '#fff');
-      }
-
-      if (this.highlightOptions && this.highlightOptions.length > 0) {
-        var matchDataList = [];
-        this.highlightOptions.forEach(function (item) {
-          if (item.seriesIndex.includes(index)) {
-            var color = item.color || _this10.highlightColor;
-
-            if (typeof color === 'string') {
-              color = _this10.setGradientColor(color, '#fff');
-            }
-
-            matchDataList.push({
-              dataIndex: item.dataIndex,
-              color: color
-            });
-          }
-        });
-
-        if (matchDataList.length > 0) {
-          cirCleColorFnList = ['topCirCleColorFn', 'bottomCirCleColorFn'].map(function () {
-            return function (_ref4) {
-              var dataIndex = _ref4.dataIndex;
-              var matchData = matchDataList.find(function (item) {
-                return item.dataIndex === dataIndex;
-              });
-              return matchData ? matchData.color : cirCleColor;
-            };
-          });
-        }
-      }
-
-      var offsetDistance = this.getOffsetDistance(parallelShowNumber, index);
-      var xAxisIndex = parallelShowNumber !== 0 ? Math.ceil((index + 1) / parallelShowNumber) - 1 : 0;
-      serie.xAxisIndex = xAxisIndex;
-      extraSeries.push( // 头部的圆片
-      {
-        name: parallelShowNumber !== 0 ? serie.name : '',
-        type: 'pictorialBar',
-        symbolOffset: parallelShowNumber !== 0 ? [offsetDistance, '-50%'] : [0, -8],
-        xAxisIndex: parallelShowNumber !== 0 ? xAxisIndex : 0,
-        symbolPosition: 'end',
-        z: 12,
-        itemStyle: {
-          normal: {
-            color: cirCleColorFnList[0] || cirCleColor
-          }
-        },
-        data: dataOptions.series[index].data.map(function (item, dataIndex) {
-          if (parallelShowNumber !== 0) {
-            return {
-              value: item,
-              symbolSize: [baseColumnWidth, 15]
-            };
-          } else {
-            return {
-              value: item,
-              symbolSize: !nextSerieDatas || nextSerieDatas[dataIndex] && +item >= +nextSerieDatas[dataIndex] ? [baseColumnWidth, 15] : [0, 15]
-            };
-          }
-        })
-      }, {
-        // 底部的圆片
-        name: parallelShowNumber !== 0 ? serie.name : '',
-        type: 'pictorialBar',
-        xAxisIndex: parallelShowNumber !== 0 ? xAxisIndex : 0,
-        symbolSize: parallelShowNumber !== 0 ? [baseColumnWidth, 10] : [offsetDistance, 10],
-        symbolOffset: parallelShowNumber !== 0 ? [offsetDistance, '50%'] : [0, 5],
-        z: 12,
-        itemStyle: {
-          normal: {
-            color: cirCleColorFnList[1] || cirCleColor
-          }
-        },
-        data: dataOptions.series[index].data
-      });
-    },
-    getParallelShowNumber: function getParallelShowNumber(series) {
-      if (series.length === 0 || !this.multipleYField(series)) {
-        // 0表示不进行并列显示
-        return 0;
-      }
-
-      var parallelShowNumber = 0;
-      var symbolPosition = series[0].name.indexOf('-');
-      var firstSeriesName = series[0].name.substring(symbolPosition + 1);
-      series.forEach(function (option) {
-        var optionName = option.name.substring(symbolPosition + 1);
-
-        if (firstSeriesName === optionName) {
-          parallelShowNumber++;
-        }
-      });
-      return parallelShowNumber;
-    },
-    setCylinderXAxis: function setCylinderXAxis(parallelShowNumber, options) {
-      if (parallelShowNumber === 0) {
-        return;
-      }
-
-      var xAixsType = options.xAxis[0] && options.xAxis[0].type;
-
-      for (var i = 1; i <= parallelShowNumber; i++) {
-        options.xAxis.push({
-          type: xAixsType,
-          show: false
-        });
-      }
-    },
-    getOffsetDistance: function getOffsetDistance(parallelShowNumber, index) {
-      if (parallelShowNumber === 0) {
-        return '100%';
-      }
-
-      var distance;
-
-      if (parallelShowNumber % 2) {
-        distance = -100 * Math.floor(parallelShowNumber / 2) + index % parallelShowNumber * 100;
-        return distance + "%";
-      } else {
-        distance = -100 * (Math.floor(parallelShowNumber / 2) - 0.5) + index % parallelShowNumber * 100;
-      }
-
-      return distance + "%";
-    },
-    multipleYField: function multipleYField(optionSeries) {
-      var series = (0, _lodash5.default)(optionSeries);
-      var nameList = series.map(function (serie) {
-        if (!serie.name.includes('-')) {
-          return serie.name;
-        }
-
-        var position = serie.name.indexOf('-');
-        var prefix = serie.name.substring(0, position);
-
-        if (isNaN(+prefix)) {
-          return serie.name;
-        }
-
-        return serie.name.substring(position + 1);
-      });
-      return series.length !== new Set(nameList).size;
-    },
-    _squareRectangleRenderItem: function _squareRectangleRenderItem(seriesSpace, defaultColor, colorGroup, _this, cubeType, colorIndex) {
-      return function (params, api) {
-        var location = api.coord([api.value(0), api.value(1)]);
-        var fillColor = defaultColor || colorGroup[colorIndex];
-
-        if (_this.highlightOptions && _this.highlightOptions.length > 0) {
-          var matchData = _this.highlightOptions.find(function (item) {
-            return item.seriesIndex.includes(params.seriesIndex) && item.dataIndex === params.dataIndex;
-          });
-
-          if (matchData && (matchData.color || _this.highlightColor)) {
-            fillColor = matchData.color || _this.highlightColor;
-          }
-        }
-
-        var leftColor, rightColor, topColor;
-
-        if (typeof fillColor === 'object') {
-          var copyLeftColor = (0, _lodash5.default)(fillColor);
-          var copyRightColor = (0, _lodash5.default)(fillColor);
-          var copyTopColor = (0, _lodash5.default)(fillColor);
-          copyLeftColor.colorStops[0].color = (0, _util.getColorWithOpacity)(copyLeftColor.colorStops[0].color, 0.4);
-          copyLeftColor.colorStops[1].color = (0, _util.getColorWithOpacity)(copyLeftColor.colorStops[1].color, 0.4);
-          copyRightColor.colorStops[0].color = (0, _util.getColorWithOpacity)(copyRightColor.colorStops[0].color, 0.7);
-          copyRightColor.colorStops[1].color = (0, _util.getColorWithOpacity)(copyRightColor.colorStops[1].color, 0.7);
-          copyTopColor.colorStops[0].color = (0, _util.getColorWithOpacity)(copyTopColor.colorStops[0].color, 0.85);
-          copyTopColor.colorStops[1].color = (0, _util.getColorWithOpacity)(copyTopColor.colorStops[1].color, 0.85);
-          leftColor = copyLeftColor;
-          rightColor = copyRightColor;
-          topColor = copyTopColor;
-        } else {
-          leftColor = (0, _util.getColorWithOpacity)(fillColor, 0.4);
-          rightColor = (0, _util.getColorWithOpacity)(fillColor, 0.7);
-          topColor = (0, _util.getColorWithOpacity)(fillColor, 0.85);
-        }
-
-        return {
-          type: 'group',
-          children: [{
-            type: "Cube" + cubeType + "Left",
-            shape: {
-              api: api,
-              xValue: api.value(0),
-              yValue: api.value(1),
-              x: location[0] + seriesSpace,
-              y: location[1],
-              bottomYAxis: api.coord([api.value(0), 0])[1]
-            },
-            style: {
-              fill: leftColor
-            }
-          }, {
-            type: "Cube" + cubeType + "Right",
-            shape: {
-              api: api,
-              xValue: api.value(0),
-              yValue: api.value(1),
-              x: location[0] + seriesSpace,
-              y: location[1],
-              bottomYAxis: api.coord([api.value(0), 0])[1]
-            },
-            style: {
-              fill: rightColor
-            }
-          }, {
-            type: "Cube" + cubeType + "Top",
-            shape: {
-              api: api,
-              xValue: api.value(0),
-              yValue: api.value(1),
-              x: location[0] + seriesSpace,
-              y: location[1],
-              bottomYAxis: api.coord([api.value(0), 0])[1]
-            },
-            style: {
-              fill: topColor
-            }
-          }]
-        };
-      };
-    },
-    getSericeSpace: function getSericeSpace(sameYFieldSeriesCount, baseSpace, seriesSpaceCount) {
-      if (sameYFieldSeriesCount % 2 === 0) {
-        return seriesSpaceCount * baseSpace + baseSpace / 2;
-      } else {
-        return seriesSpaceCount * baseSpace;
-      }
-    },
-    getSameYFieldSeriesCount: function getSameYFieldSeriesCount(series) {
-      var firstSeriesName = series[0].name.split('-')[1];
-      var seriesCount = 0;
-
-      for (var _iterator = _createForOfIteratorHelperLoose(series), _step; !(_step = _iterator()).done;) {
-        var serie = _step.value;
-        var serieNname = serie.name.split('-')[1];
-
-        if (firstSeriesName === serieNname) {
-          seriesCount += 1;
-        } else {
-          return seriesCount;
-        }
-      }
-
-      return seriesCount;
-    },
-    _createRingShineSeries: function _createRingShineSeries(series, optionsSeries) {
-      var _this11 = this;
-
-      if (optionsSeries) {
-        this.datasetOptions.forEach(function (datasetOption, index) {
-          var _ref5 = optionsSeries[index] || {},
-              type = _ref5.type,
-              outerGap = _ref5.outerGap,
-              isShine = _ref5.isShine;
-
-          if (type === 'pie' && outerGap >= 0) {
-            var data = series[index].data.map(function (val) {
-              return val.value;
-            });
-            outerGap = outerGap || Math.min.apply(null, data) / 5;
-            series[index].data = _this11._createRingShineDataOption(series[index].data, outerGap, isShine);
-            delete optionsSeries[index].outerGap;
-            delete optionsSeries[index].isShine;
-          }
-        });
-      }
-
-      return series;
-    },
-    _createRingShineDataOption: function _createRingShineDataOption(data, outerGap, isShine) {
-      if (!data) {
-        return;
-      }
-
-      var colors = this._handlerColorGroup(data.length);
-
-      var gapItem = {
-        value: outerGap,
-        name: '',
-        itemStyle: {
-          normal: {
-            label: {
-              show: false
-            },
-            labelLine: {
-              show: false
-            },
-            color: 'rgba(0, 0, 0, 0)',
-            borderColor: 'rgba(0, 0, 0, 0)',
-            borderWidth: 0
-          }
-        }
-      };
-      var result = [];
-
-      for (var i = 0; i < data.length; i++) {
-        var dataItem = {
-          value: data[i].value,
-          name: data[i].name
-        };
-
-        if (isShine) {
-          dataItem.itemStyle = {
-            borderWidth: 5,
-            shadowBlur: 10,
-            color: colors[i],
-            borderColor: colors[i],
-            shadowColor: colors[i]
-          };
-        }
-
-        result.push(dataItem);
+        _this7.hideLoading(); // 缓存dataSeriesCache，请求后格式化成echart的数据
 
-        if (data.length > 1) {
-          result.push(gapItem);
-        }
-      }
 
-      return result;
-    },
-    _createRingShineHighlight: function _createRingShineHighlight(series, highlightOptions, color) {
-      if (color === void 0) {
-        color = this.highlightColor;
-      }
+        _this7.dataSeriesCache = Object.assign({}, options);
+        _this7.datasetChange = false; // 设置echartOptions
 
-      series = series || [];
-      series = series.map(function (serie, seriesIndex) {
-        var dataIndexs = highlightOptions.map(function (item) {
-          if (item.seriesIndex && item.seriesIndex.includes(seriesIndex)) {
-            return item.dataIndex;
-          }
-        });
-        var colors = highlightOptions.map(function (item) {
-          if (item.seriesIndex && item.seriesIndex.includes(seriesIndex)) {
-            return item.color || color;
-          }
-        });
-        var serieDatas = serie && serie.data || [];
-        dataIndexs.forEach(function (dataIndex, index) {
-          serieDatas[dataIndex].itemStyle.color = colors[index];
-          serieDatas[dataIndex].itemStyle.borderColor = colors[index];
-          serieDatas[dataIndex].itemStyle.shadowColor = colors[index];
-        });
-        return serie;
+        _this7.echartOptions = _this7._optionsHandler(echartOptions, options);
       });
-      return series;
     },
     _handlerColorGroup: function _handlerColorGroup(serielDataLength) {
       if (typeof this.colorGroupsData[0] === 'object') {
@@ -126738,18 +126870,23 @@ var _default2 = exports.default = {
     // 控制label显示条数
     _controlLabel: function _controlLabel(normalLabel, maxLabels) {
       if (normalLabel && normalLabel.show && maxLabels) {
-        var endNormalLabel = (0, _lodash5.default)(normalLabel);
+        var endNormalLabel = (0, _lodash4.default)(normalLabel);
         var formatMode;
 
         if (endNormalLabel.formatter && typeof endNormalLabel.formatter === 'string') {
           formatMode = endNormalLabel.formatter;
-        }
-
-        endNormalLabel.formatter = function (_ref6) {
-          var dataIndex = _ref6.dataIndex,
-              value = _ref6.value,
-              name = _ref6.name,
-              percent = _ref6.percent;
+        } else if (endNormalLabel.originFormatter) {
+          formatMode = endNormalLabel.originFormatter;
+        }
+
+        endNormalLabel.formatter = function (_ref2) {
+          var dataIndex = _ref2.dataIndex,
+              value = _ref2.value,
+              name = _ref2.name,
+              percent = _ref2.percent;
+          name = (0, _util.getDecimalsFormatterVal)(name, normalLabel.xFieldDecimals);
+          value = (0, _util.getDecimalsFormatterVal)(value, normalLabel.decimals);
+          percent = (0, _util.getDecimalsFormatterVal)(percent, normalLabel.decimals);
           var FORMATTER_MAP = {
             '{b}: {c}': name + ": " + value,
             '{b}': "" + name,
@@ -126928,7 +127065,7 @@ var _default2 = exports.default = {
       }
     },
     showDetailInfo: function showDetailInfo(feature) {
-      var _this12 = this;
+      var _this8 = this;
 
       var coordinates = ((feature || {}).geometry || {}).coordinates;
       var hasCoordinates = coordinates && !!coordinates.length;
@@ -126941,8 +127078,8 @@ var _default2 = exports.default = {
         var propsData = this.generateTableData(properties);
         this.tablePopupProps = (0, _extends2.default)({}, propsData);
         this.$nextTick(function () {
-          _this12.viewModel.setPopupContent(_coordinates, _this12.$refs.chartTablePopup.$el, function () {
-            return (0, _util.setPopupArrowStyle)(_this12.tablePopupBgData);
+          _this8.viewModel.setPopupContent(_coordinates, _this8.$refs.chartTablePopup.$el, function () {
+            return (0, _util.setPopupArrowStyle)(_this8.tablePopupBgData);
           });
         });
       } else {
@@ -126995,13 +127132,13 @@ var _default2 = exports.default = {
       }
     },
     registerShape: function registerShape() {
-      var _this13 = this;
+      var _this9 = this;
 
       this.datasetOptions && this.options.series && this.datasetOptions.forEach(function (item, index) {
-        var graphicIntance = _this13.$options.graphic;
+        var graphicIntance = _this9.$options.graphic;
 
         if (item.seriesType === '2.5Bar') {
-          var cubeType = _this13.options.series[index].shape;
+          var cubeType = _this9.options.series[index].shape;
 
           if (graphicIntance.getShapeClass("Cube" + cubeType + "Left")) {
             return;
@@ -127139,14 +127276,14 @@ var _default2 = exports.default = {
       };
     },
     spinPoint: function spinPoint(angle, spinAngle, effectColor, radius) {
-      var _this14 = this;
+      var _this10 = this;
 
       return function (params, api) {
         var x0 = api.getWidth() / 2;
         var y0 = api.getHeight() / 2;
         var r = Math.min(api.getWidth(), api.getHeight()) / 2 * radius;
 
-        var point = _this14.getCirlPoint(x0, y0, r, angle + spinAngle);
+        var point = _this10.getCirlPoint(x0, y0, r, angle + spinAngle);
 
         return {
           type: 'circle',
@@ -127205,19 +127342,19 @@ var _default2 = exports.default = {
       }
     },
     startEffect: function startEffect() {
-      var _this15 = this;
+      var _this11 = this;
 
       var angle = 0;
       this.startSpin = setInterval(function () {
-        if (!_this15.options.series) {
+        if (!_this11.options.series) {
           return;
         }
 
-        if (_this15.options.series[0].customType === 'customRingsSeries') {
-          _this15.customSeries = [];
+        if (_this11.options.series[0].customType === 'customRingsSeries') {
+          _this11.customSeries = [];
           angle += 3;
 
-          _this15.addEffect(angle);
+          _this11.addEffect(angle);
         }
       }, 100);
     },
@@ -153302,25 +153439,6 @@ function isIndex(value, length) {
 module.exports = isIndex;
 
 
-/***/ }),
-
-/***/ "wMDX":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ render; });
-__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ staticRenderFns; });
-
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/common/chart/ChartMixin.vue?vue&type=template&id=26d34c92&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('sm-collapse-card',{directives:[{name:"show",rawName:"v-show",value:(_vm.isShow),expression:"isShow"}],staticClass:"sm-component-chart",attrs:{"icon-class":_vm.iconClass,"icon-position":_vm.position,"header-name":_vm.headerName,"auto-rotate":_vm.autoRotate,"collapsed":_vm.collapsed,"split-line":_vm.splitLine}},[_c('v-chart',{ref:_vm.chartId,style:(_vm._chartStyle),attrs:{"id":_vm.chartId,"options":_vm._chartOptions,"initOptions":_vm.initOptions,"group":_vm.group,"manual-update":_vm.manualUpdate,"theme":_vm.theme || _vm.chartTheme},on:{"datazoom":_vm.dataZoomHandler}}),_vm._v(" "),_c('TablePopup',_vm._b({directives:[{name:"show",rawName:"v-show",value:(false),expression:"false"}],ref:"chartTablePopup",attrs:{"split-line":_vm.splitLine,"text-color":_vm.textColor,"background":_vm.background}},'TablePopup',_vm.tablePopupProps,false))],1)}
-var staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/common/chart/ChartMixin.vue?vue&type=template&id=26d34c92&
-
-
 /***/ }),
 
 /***/ "wOTH":
@@ -162223,13 +162341,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.getProjection = getProjection;
 exports.registerProjection = registerProjection;
 exports.toEpsgCode = toEpsgCode;
+exports.transformCoodinates = transformCoodinates;
 
 var _util = __webpack_require__("e7LN");
 
 var _proj = _interopRequireDefault(__webpack_require__("p5/s"));
 
-function defineProjection(epsgCode, projection) {
-  if (_proj.default.defs(epsgCode)) {
+function defineProjection(epsgCode, projection, isCover) {
+  if (_proj.default.defs(epsgCode) && !isCover) {
     return;
   }
 
@@ -162241,18 +162360,18 @@ function defineProjection(epsgCode, projection) {
   _proj.default.defs(epsgCode, projection);
 }
 
-function registerProjection(epsgKey, epsgValue) {
+function registerProjection(epsgKey, epsgValue, isCover) {
   if ((0, _util.getDataType)(arguments[0]) === '[object Object]' && arguments.length === 1) {
     var projections = arguments[0];
 
     for (var epsgCode in projections) {
-      defineProjection(epsgCode, projections[epsgCode]);
+      defineProjection(epsgCode, projections[epsgCode], isCover);
     }
 
     return;
   }
 
-  defineProjection(epsgKey, epsgValue);
+  defineProjection(epsgKey, epsgValue, isCover);
 }
 
 function getProjection(epsgKey) {
@@ -162288,6 +162407,20 @@ function toEpsgCode(wkt) {
   }
 }
 
+function transformCoodinates(_ref) {
+  var coordinates = _ref.coordinates,
+      sourceProjection = _ref.sourceProjection,
+      _ref$destProjection = _ref.destProjection,
+      destProjection = _ref$destProjection === void 0 ? 'EPSG:4326' : _ref$destProjection;
+
+  try {
+    return (0, _proj.default)(sourceProjection, destProjection, coordinates);
+  } catch (error) {
+    var errorMsg = error + " is not defined";
+    throw errorMsg;
+  }
+}
+
 /***/ }),
 
 /***/ "ymVN":