evui 3.3.13 → 3.3.14

package/dist/evui.umd.js

@@ -7949,7 +7949,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.13\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.14\"}");
 
 /***/ }),
 
@@ -8843,17 +8843,6 @@ try {
 }
 
 
-/***/ }),
-
-/***/ "96f9":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_53face60_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f648");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_53face60_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_53face60_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "971c":
@@ -9870,6 +9859,21 @@ if (DESCRIPTORS && !(NAME in FunctionPrototype)) {
 }
 
 
+/***/ }),
+
+/***/ "b46e":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("fdb5");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("4ca9bcbe", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "b575":
@@ -10228,20 +10232,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "b7b9":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-chart-wrapper{display:block}.ev-chart-container,.ev-chart-wrapper{position:relative;width:100%;height:100%}.ev-chart-container{overflow:hidden}.ev-chart-title{top:0;left:0;width:100%;padding-left:10px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-chart-legend,.ev-chart-title{position:absolute;overflow:hidden}.ev-chart-legend-box{overflow-x:hidden;overflow-y:auto}.ev-chart-legend-container{position:relative;overflow:hidden}.ev-chart-legend-color,.ev-chart-legend-color--point-line{position:absolute;top:50%;left:0;transform:translateY(-50%);width:18px;height:4px}.ev-chart-legend-color--point-line:after{display:inline-block;position:absolute;top:-2px;left:5px;width:8px;height:8px;content:\" \";border-radius:50%;background-color:inherit}.ev-chart-legend-name{position:absolute;top:50%;left:0;width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;margin-left:24px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;transform:translateY(-50%)}.ev-chart-legend-name:hover{font-weight:700}.ev-chart-legend-value{float:right;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ev-chart-resize-bar{position:absolute;background:transparent;opacity:.5;z-index:10}.ev-chart-resize-bar:hover,.ev-chart-resize-ghost{background-color:#e2e2e2}.ev-chart-resize-ghost{position:absolute;width:4px;height:100%;cursor:col-resize;opacity:.5}.ev-chart-resize-ghost.horizontal{width:100%;height:4px;cursor:row-resize}.ev-chart-tooltip{position:absolute;z-index:850;top:0;left:0;overflow-y:hidden;overflow-x:hidden;border-radius:8px}.ev-chart-tooltip .ev-chart-tooltip-header{padding:8px 16px 0 16px;font-family:Roboto,serif;overflow:hidden;font-size:16px}.ev-chart-tooltip .ev-chart-tooltip-header--wrap{word-wrap:break-word}.ev-chart-tooltip .ev-chart-tooltip-header--ellipsis{text-overflow:ellipsis;white-space:nowrap}.ev-chart-tooltip .ev-chart-tooltip-body{overflow-x:hidden;overflow-y:hidden}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "bac3":
@@ -10344,6 +10334,17 @@ module.exports = false;
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "c5ab":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_334a904a_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b46e");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_334a904a_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_334a904a_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c63c":
@@ -12494,21 +12495,6 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 };
 
 
-/***/ }),
-
-/***/ "f648":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("b7b9");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("410590da", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "f772":
@@ -22432,13 +22418,13 @@ var notification_componentObj = Object(external_commonjs_vue_commonjs2_vue_root_
 var notification_rootId = 'ev-notification-modal';
 var notification_root = document.createElement('div');
 notification_root.id = notification_rootId;
-var positionList = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+var notification_positionList = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
 
 var notification_notification = function notification() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var position = options.position || 'top-right';
 
-  if (!positionList.includes(position)) {
+  if (!notification_positionList.includes(position)) {
     console.warn('[EVUI][Notification] The position value is incorrectly entered.');
     return;
   }
@@ -30473,9 +30459,9 @@ Grid.install = function (app) {
 };
 
 /* harmony default export */ var grid = (Grid);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/chart/Chart.vue?vue&type=template&id=53face60
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/chart/Chart.vue?vue&type=template&id=334a904a
 
-function Chartvue_type_template_id_53face60_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Chartvue_type_template_id_334a904a_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_resize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("resize");
 
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
@@ -30484,7 +30470,7 @@ function Chartvue_type_template_id_53face60_render(_ctx, _cache, $props, $setup,
     class: "ev-chart"
   }, null, 4)), [[_directive_resize, $setup.onResize]]);
 }
-// CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=template&id=53face60
+// CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=template&id=334a904a
 
 // CONCATENATED MODULE: ./node_modules/lodash-es/_arrayEach.js
 /**
@@ -31756,6 +31742,12 @@ function utils_throttle_throttle(func, wait, options) {
 
 /* harmony default export */ var utils_throttle = (utils_throttle_throttle);
 /* eslint-enable */
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.entries.js
+var es_object_entries = __webpack_require__("4fad");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.values.js
+var es_object_values = __webpack_require__("07ac");
+
 // CONCATENATED MODULE: ./node_modules/lodash-es/reverse.js
 /** Used for built-in method references. */
 var reverse_arrayProto = Array.prototype;
@@ -32128,6 +32120,15 @@ function reverse(array) {
 
 
 
+
+
+
+
+
+
+
+
+
 var modules = {
   /**
    * Take chart data and labels to create normalized data and min/max info
@@ -32864,6 +32865,177 @@ var modules = {
     };
   },
 
+  /**
+   * Find seriesId by position x and y
+   * @param {array}   offset          position x and y
+   *
+   * @returns {object} clicked series id
+   */
+  getSeriesIdByPosition: function getSeriesIdByPosition(offset) {
+    var _this6 = this;
+
+    var _offset = _slicedToArray(offset, 2),
+        clickedX = _offset[0],
+        clickedY = _offset[1];
+
+    var chartRect = this.chartRect;
+    var labelOffset = this.labelOffset;
+    var aPos = {
+      x1: chartRect.x1 + labelOffset.left,
+      x2: chartRect.x2 - labelOffset.right,
+      y1: chartRect.y1 + labelOffset.top,
+      y2: chartRect.y2 - labelOffset.bottom
+    };
+    var valueAxes = this.axesY[0];
+    var labelAxes = this.axesX[0];
+    var valueStartPoint = aPos[valueAxes.units.rectStart];
+    var valueEndPoint = aPos[valueAxes.units.rectEnd];
+    var labelStartPoint = aPos[labelAxes.units.rectStart];
+    var labelEndPoint = aPos[labelAxes.units.rectEnd];
+    var result = {
+      sId: null
+    };
+
+    if (clickedY > valueEndPoint && clickedY < valueStartPoint && clickedX < labelEndPoint && clickedX > labelStartPoint) {
+      var hitSeries;
+      var positionList;
+      var hitItem = this.findHitItem(offset);
+      var hitSeriesList = Object.keys(hitItem.items);
+
+      switch (this.options.type) {
+        case 'line':
+          {
+            var orderedSeriesList = this.seriesInfo.charts.line;
+            var isStackChart = Object.values(this.seriesList).some(function (_ref4) {
+              var stackIndex = _ref4.stackIndex;
+              return stackIndex;
+            });
+
+            if (hitSeriesList.length) {
+              // 클릭한 위치에 data 가 존재하는 경우
+              if (isStackChart) {
+                var _positionList$find;
+
+                positionList = orderedSeriesList.filter(function (sId) {
+                  return hitSeriesList.includes(sId);
+                }).map(function (sId) {
+                  var _hitItem$items$sId, _hitItem$items$sId$da;
+
+                  return {
+                    sId: sId,
+                    position: (_hitItem$items$sId = hitItem.items[sId]) === null || _hitItem$items$sId === void 0 ? void 0 : (_hitItem$items$sId$da = _hitItem$items$sId.data) === null || _hitItem$items$sId$da === void 0 ? void 0 : _hitItem$items$sId$da.yp
+                  };
+                });
+                hitSeries = (_positionList$find = positionList.find(function (_ref5) {
+                  var position = _ref5.position;
+                  return clickedY > position;
+                })) === null || _positionList$find === void 0 ? void 0 : _positionList$find.sId;
+              } else {
+                var _Object$entries$find;
+
+                hitSeries = (_Object$entries$find = Object.entries(hitItem.items).find(function (_ref6) {
+                  var _ref7 = _slicedToArray(_ref6, 2),
+                      hit = _ref7[1].hit;
+
+                  return hit;
+                })) === null || _Object$entries$find === void 0 ? void 0 : _Object$entries$find[0];
+              }
+            } else {
+              var _positionList$0$posit;
+
+              // 클릭한 위치에 data 가 존재하지 않는 경우
+              var visibleSeriesList = orderedSeriesList.filter(function (sId) {
+                return _this6.seriesList[sId].show;
+              });
+              positionList = visibleSeriesList.map(function (sId) {
+                var _this6$seriesList$sId;
+
+                return {
+                  sId: sId,
+                  position: (_this6$seriesList$sId = _this6.seriesList[sId].data) === null || _this6$seriesList$sId === void 0 ? void 0 : _this6$seriesList$sId.map(function (_ref8) {
+                    var xp = _ref8.xp,
+                        yp = _ref8.yp;
+                    return [xp, yp];
+                  })
+                };
+              });
+              var dataIndex = (_positionList$0$posit = positionList[0].position) === null || _positionList$0$posit === void 0 ? void 0 : _positionList$0$posit.findIndex(function (_ref9) {
+                var _ref10 = _slicedToArray(_ref9, 1),
+                    xp = _ref10[0];
+
+                return xp >= clickedX;
+              });
+              var vectorList = positionList.map(function (_ref11) {
+                var sId = _ref11.sId,
+                    position = _ref11.position;
+                return {
+                  sId: sId,
+                  vector: {
+                    start: position[dataIndex - 1],
+                    end: position[dataIndex]
+                  }
+                };
+              }); // canvas 의 클릭 위치값은 제 4 사분면의 위치이므로 clickedY, y1, y2 의 값은 음수를 취한다.
+
+              if (isStackChart) {
+                var _vectorList$find;
+
+                hitSeries = (_vectorList$find = vectorList.find(function (_ref12) {
+                  var vector = _ref12.vector;
+
+                  var _vector$start = _slicedToArray(vector.start, 2),
+                      x1 = _vector$start[0],
+                      y1 = _vector$start[1];
+
+                  var _vector$end = _slicedToArray(vector.end, 2),
+                      x2 = _vector$end[0],
+                      y2 = _vector$end[1];
+
+                  var v1 = [x2 - x1, y1 - y2];
+                  var v2 = [x2 - clickedX, clickedY - y2];
+                  var xp = v1[0] * v2[1] - v1[1] * v2[0];
+                  return vector.start.every(function (v) {
+                    return typeof v === 'number';
+                  }) && vector.end.every(function (v) {
+                    return typeof v === 'number';
+                  }) && xp > 0;
+                })) === null || _vectorList$find === void 0 ? void 0 : _vectorList$find.sId;
+              } else {
+                var _vectorList$find2;
+
+                hitSeries = (_vectorList$find2 = vectorList.find(function (_ref13) {
+                  var vector = _ref13.vector;
+
+                  var _vector$start2 = _slicedToArray(vector.start, 2),
+                      x1 = _vector$start2[0],
+                      y1 = _vector$start2[1];
+
+                  var _vector$end2 = _slicedToArray(vector.end, 2),
+                      x2 = _vector$end2[0],
+                      y2 = _vector$end2[1];
+
+                  var a = (y1 - y2) / (x2 - x1);
+                  var b = -1;
+                  var c = -y1 - a * x1;
+                  var distance = Math.abs(a * clickedX - b * clickedY + c) / Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
+                  return distance < 3;
+                })) === null || _vectorList$find2 === void 0 ? void 0 : _vectorList$find2.sId;
+              }
+            }
+
+            break;
+          }
+
+        default:
+          break;
+      }
+
+      result.sId = hitSeries;
+    }
+
+    return result;
+  },
+
   /**
    * Find label info by position x and y
    * @param {array}   offset          position x and y
@@ -32871,9 +33043,9 @@ var modules = {
    * @returns {object} clicked label information
    */
   getLabelInfoByPosition: function getLabelInfoByPosition(offset) {
-    var _offset = _slicedToArray(offset, 2),
-        x = _offset[0],
-        y = _offset[1];
+    var _offset2 = _slicedToArray(offset, 2),
+        x = _offset2[0],
+        y = _offset2[1];
 
     var aPos = {
       x1: this.chartRect.x1 + this.labelOffset.left,
@@ -32911,7 +33083,7 @@ var modules = {
    * @returns {object} min/max info for all of data
    */
   getStoreMinMax: function getStoreMinMax() {
-    var _this6 = this;
+    var _this7 = this;
 
     var keys = Object.keys(this.seriesList);
     var isHorizontal = this.options.horizontal;
@@ -32929,7 +33101,7 @@ var modules = {
     if (keys.length) {
       return keys.reduce(function (acc, key) {
         var minmax = acc;
-        var series = _this6.seriesList[key];
+        var series = _this7.seriesList[key];
         var smm = series.minMax;
         var axisX = series.xAxisIndex;
         var axisY = series.yAxisIndex;
@@ -34461,7 +34633,6 @@ var element_line_Line = /*#__PURE__*/function () {
         if (this.stackIndex) {
           var reversedDataList = this.data.slice().reverse();
           reversedDataList.forEach(function (curr, ix) {
-            ctx.beginPath();
             x = getXPos(curr.x);
             y = getYPos(curr.b);
             var prev = reversedDataList[ix - 1];
@@ -36517,6 +36688,9 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
 
 
 
+
+
+
 var scale_Scale = /*#__PURE__*/function () {
   function Scale(type, opt, ctx, options) {
     var _this = this;
@@ -36683,11 +36857,11 @@ var scale_Scale = /*#__PURE__*/function () {
 
   }, {
     key: "draw",
-    value: function draw(chartRect, labelOffset, stepInfo, hitInfo) {
+    value: function draw(chartRect, labelOffset, stepInfo, hitInfo, selectLabelInfo) {
       var _this$labelStyle,
+          _this2 = this,
           _this$plotBands,
-          _this$plotLines,
-          _this2 = this;
+          _this$plotLines;
 
       var ctx = this.ctx;
       var options = this.options;
@@ -36751,11 +36925,16 @@ var scale_Scale = /*#__PURE__*/function () {
         var labelText;
 
         for (var ix = 0; ix <= steps; ix++) {
+          var _this$options, _this$options$selectL, _this$options2, _this$options2$select, _selectLabelInfo$data;
+
           ctx.beginPath();
           ticks[ix] = axisMin + ix * stepValue;
           labelCenter = Math.round(startPoint + labelGap * ix);
           linePosition = labelCenter + aliasPixel;
           labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]));
+          var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && selectLabelInfo.label.map(function (t) {
+            return _this2.getLabelFormat(Math.min(axisMax, t));
+          }).includes(labelText));
           var labelColor = this.labelStyle.color;
           var defaultOpacity = 1;
 
@@ -36763,16 +36942,16 @@ var scale_Scale = /*#__PURE__*/function () {
             defaultOpacity = helpers_util.getOpacity(labelColor);
           }
 
-          ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, defaultOpacity);
+          ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
           var labelPoint = void 0;
 
           if (this.type === 'x') {
-            var _options$selectItem, _this$options;
+            var _options$selectItem, _this$options3;
 
             labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
             ctx.fillText(labelText, labelCenter, labelPoint);
 
-            if (options !== null && options !== void 0 && (_options$selectItem = options.selectItem) !== null && _options$selectItem !== void 0 && _options$selectItem.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.horizontal)) {
+            if (!isBlurredLabel && options !== null && options !== void 0 && (_options$selectItem = options.selectItem) !== null && _options$selectItem !== void 0 && _options$selectItem.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.horizontal)) {
               var selectedLabel = this.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
 
               if (selectedLabel === labelText) {
@@ -38335,9 +38514,6 @@ var plugins_title_modules = {
   }
 };
 /* harmony default export */ var plugins_title = (plugins_title_modules);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.values.js
-var es_object_values = __webpack_require__("07ac");
-
 // CONCATENATED MODULE: ./src/components/chart/plugins/plugins.legend.js
 
 
@@ -38548,6 +38724,8 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxOver = function (e) {
+      var _this3$defaultSelectI, _this3$defaultSelectI2;
+
       var type = e.target.dataset.type;
       var targetDOM;
 
@@ -38561,8 +38739,10 @@ var plugins_legend_modules = {
 
       var nameDOM = targetDOM.getElementsByClassName('ev-chart-legend-name')[0];
       var targetId = nameDOM.series.sId;
+      var selectSeriesOption = _this3.options.selectSeries;
+      var selectedList = (_this3$defaultSelectI = (_this3$defaultSelectI2 = _this3.defaultSelectInfo) === null || _this3$defaultSelectI2 === void 0 ? void 0 : _this3$defaultSelectI2.seriesId) !== null && _this3$defaultSelectI !== void 0 ? _this3$defaultSelectI : [];
       Object.values(_this3.seriesList).forEach(function (series) {
-        series.state = series.sId === targetId ? 'highlight' : 'downplay';
+        series.state = series.sId === targetId || selectSeriesOption.use && selectedList.includes(targetId) ? 'highlight' : 'downplay';
       });
 
       _this3.update({
@@ -38584,8 +38764,16 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxLeave = function () {
+      var _this3$defaultSelectI3, _this3$defaultSelectI4;
+
+      var selectSeriesOption = _this3.options.selectSeries;
+      var selectedList = (_this3$defaultSelectI3 = (_this3$defaultSelectI4 = _this3.defaultSelectInfo) === null || _this3$defaultSelectI4 === void 0 ? void 0 : _this3$defaultSelectI4.seriesId) !== null && _this3$defaultSelectI3 !== void 0 ? _this3$defaultSelectI3 : [];
       Object.values(_this3.seriesList).forEach(function (series) {
-        series.state = 'normal';
+        if (selectSeriesOption.use && selectedList.length) {
+          series.state = selectedList.includes(series.sId) ? 'highlight' : 'downplay';
+        } else {
+          series.state = 'normal';
+        }
       });
 
       _this3.update({
@@ -39237,9 +39425,6 @@ var plugins_legend_modules = {
   }
 };
 /* harmony default export */ var plugins_legend = (plugins_legend_modules);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.entries.js
-var es_object_entries = __webpack_require__("4fad");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.from-entries.js
 var es_object_from_entries = __webpack_require__("c1f9");
 
@@ -39259,6 +39444,9 @@ var es_object_from_entries = __webpack_require__("c1f9");
 
 
 
+
+
+
 var plugins_interaction_modules = {
   /**
    * Hide legend components by manipulating css
@@ -39438,18 +39626,28 @@ var plugins_interaction_modules = {
         args.seriesId = hitInfo.sId;
         args.dataIndex = hitInfo.maxIndex;
         args.acc = hitInfo.acc;
-      }
-
-      if (_this.options.selectLabel.use) {
+      } else if (_this.options.selectLabel.use) {
         var _offset = _this.getMousePosition(e);
 
         var clickedLabelInfo = _this.getLabelInfoByPosition(_offset);
 
         var selected = _this.selectLabel(clickedLabelInfo.labelIndex);
 
-        _this.renderWithSelectLabel(selected.dataIndex);
+        _this.renderWithSelected(selected.dataIndex);
+
+        args.selected = lodash_es_cloneDeep(_this.defaultSelectInfo);
+      } else if (_this.options.selectSeries.use) {
+        var _offset2 = _this.getMousePosition(e);
+
+        var _hitInfo = _this.getSeriesIdByPosition(_offset2);
 
-        args.selected = lodash_es_cloneDeep(_this.defaultSelectLabelInfo);
+        if (_hitInfo.sId !== null) {
+          var _selected = _this.selectSeries(_hitInfo.sId);
+
+          _this.renderWithSelected(_selected.seriesId);
+        }
+
+        args.selected = lodash_es_cloneDeep(_this.defaultSelectInfo);
       }
 
       if (typeof _this.listeners.click === 'function') {
@@ -39777,34 +39975,38 @@ var plugins_interaction_modules = {
   },
 
   /**
-   * render after select label by index list
+   * render after selected label or selected series
    * @param indexList {array}  '[0, 1 ...]'
    */
-  renderWithSelectLabel: function renderWithSelectLabel(indexList) {
-    this.defaultSelectLabelInfo.dataIndex = indexList;
-    this.initSelectedLabelInfo();
+  renderWithSelected: function renderWithSelected(list) {
+    if (this.options.selectLabel.use) {
+      this.defaultSelectInfo.dataIndex = list;
+    } else if (this.options.selectSeries.use) {
+      this.defaultSelectInfo.seriesId = list;
+    }
+
+    this.initSelectedInfo();
     this.render();
   },
 
   /**
-   * init defaultSelectLabelInfo object.
-   * (set each series data and label text)
+   * init defaultSelectInfo object.
+   * - at selectLabel using: set each series data and label text
+   * - at selectSeries using: set series state
    */
-  initSelectedLabelInfo: function initSelectedLabelInfo() {
+  initSelectedInfo: function initSelectedInfo() {
     var _this3 = this;
 
-    var _this$options$selectL = this.options.selectLabel,
-        use = _this$options$selectL.use,
-        limit = _this$options$selectL.limit;
+    if (this.options.selectLabel.use) {
+      var limit = this.options.selectLabel.limit;
 
-    if (use) {
-      if (!this.defaultSelectLabelInfo) {
-        this.defaultSelectLabelInfo = {
+      if (!this.defaultSelectInfo) {
+        this.defaultSelectInfo = {
           dataIndex: []
         };
       }
 
-      var infoObj = this.defaultSelectLabelInfo;
+      var infoObj = this.defaultSelectInfo;
       infoObj.dataIndex.splice(limit);
       infoObj.label = infoObj.dataIndex.map(function (i) {
         return _this3.data.labels[i];
@@ -39819,6 +40021,23 @@ var plugins_interaction_modules = {
           return [sId, data[labelIdx]];
         }));
       });
+    } else if (this.options.selectSeries.use) {
+      if (!this.defaultSelectInfo) {
+        this.defaultSelectInfo = {
+          seriesId: []
+        };
+      }
+
+      var selectedList = this.defaultSelectInfo.seriesId;
+      Object.values(this.seriesList).forEach(function (series) {
+        if (!selectedList.length) {
+          series.state = 'normal';
+        } else if (selectedList.includes(series.sId)) {
+          series.state = 'highlight';
+        } else {
+          series.state = 'downplay';
+        }
+      });
     }
   },
 
@@ -39828,10 +40047,10 @@ var plugins_interaction_modules = {
    * @param labelIndex {array}  '[0, 1 ...]'
    */
   selectLabel: function selectLabel(labelIndex) {
-    var _this$options$selectL2, _this$options5, _this$defaultSelectLa;
+    var _this$options$selectL, _this$options5, _this$defaultSelectIn;
 
-    var option = (_this$options$selectL2 = (_this$options5 = this.options) === null || _this$options5 === void 0 ? void 0 : _this$options5.selectLabel) !== null && _this$options$selectL2 !== void 0 ? _this$options$selectL2 : {};
-    var before = (_this$defaultSelectLa = this.defaultSelectLabelInfo) !== null && _this$defaultSelectLa !== void 0 ? _this$defaultSelectLa : {
+    var option = (_this$options$selectL = (_this$options5 = this.options) === null || _this$options5 === void 0 ? void 0 : _this$options5.selectLabel) !== null && _this$options$selectL !== void 0 ? _this$options$selectL : {};
+    var before = (_this$defaultSelectIn = this.defaultSelectInfo) !== null && _this$defaultSelectIn !== void 0 ? _this$defaultSelectIn : {
       dataIndex: []
     };
     var after = lodash_es_cloneDeep(before);
@@ -39853,6 +40072,32 @@ var plugins_interaction_modules = {
 
     return after;
   },
+  selectSeries: function selectSeries(seriesId) {
+    var _this$options$selectS, _this$options6, _this$defaultSelectIn2;
+
+    var option = (_this$options$selectS = (_this$options6 = this.options) === null || _this$options6 === void 0 ? void 0 : _this$options6.selectSeries) !== null && _this$options$selectS !== void 0 ? _this$options$selectS : {};
+    var before = (_this$defaultSelectIn2 = this.defaultSelectInfo) !== null && _this$defaultSelectIn2 !== void 0 ? _this$defaultSelectIn2 : {
+      seriesId: []
+    };
+    var after = lodash_es_cloneDeep(before);
+
+    if (before.seriesId.includes(seriesId)) {
+      var idx = before.seriesId.indexOf(seriesId);
+      after.seriesId.splice(idx, 1);
+    } else if (seriesId) {
+      after.seriesId.push(seriesId);
+
+      if (option.limit > 0 && option.limit < after.seriesId.length) {
+        if (option.useDeselectOverflow) {
+          after.seriesId.splice(0, 1);
+        } else {
+          after.seriesId.pop();
+        }
+      }
+    }
+
+    return after;
+  },
 
   /**
    * Find items by series within a range
@@ -41211,10 +41456,10 @@ var element_tip_modules = {
     var opt = this.options;
     var isHorizontal = !!opt.horizontal;
     var labelTipOpt = opt.selectLabel;
-    var _this$defaultSelectLa = this.defaultSelectLabelInfo,
-        dataIndex = _this$defaultSelectLa.dataIndex,
-        data = _this$defaultSelectLa.data,
-        label = _this$defaultSelectLa.label;
+    var _this$defaultSelectIn = this.defaultSelectInfo,
+        dataIndex = _this$defaultSelectIn.dataIndex,
+        data = _this$defaultSelectIn.data,
+        label = _this$defaultSelectIn.label;
     var drawTip = false;
 
     if (dataIndex.length) {
@@ -41552,7 +41797,7 @@ var element_tip_modules = {
 
 
 var chart_core_EvChart = /*#__PURE__*/function () {
-  function EvChart(target, data, options, listeners, defaultSelectItemInfo, defaultSelectLabelInfo) {
+  function EvChart(target, data, options, listeners, defaultSelectItemInfo, defaultSelectInfo) {
     var _this = this;
 
     _classCallCheck(this, EvChart);
@@ -41611,7 +41856,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       count: 0
     };
     this.defaultSelectItemInfo = defaultSelectItemInfo;
-    this.defaultSelectLabelInfo = defaultSelectLabelInfo;
+    this.defaultSelectInfo = defaultSelectInfo;
   }
   /**
    * Initialize chart object
@@ -41647,7 +41892,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.axesY = this.createAxes('y', axesY);
       this.axesRange = this.getAxesRange();
       this.labelOffset = this.getLabelOffset();
-      this.initSelectedLabelInfo();
+      this.initSelectedInfo();
       this.drawChart();
 
       if (tooltip.use) {
@@ -41720,7 +41965,8 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       var _this$options2 = this.options,
           maxTip = _this$options2.maxTip,
           selectLabel = _this$options2.selectLabel,
-          selectItem = _this$options2.selectItem;
+          selectItem = _this$options2.selectItem,
+          selectSeries = _this$options2.selectSeries;
       var opt = {
         ctx: this.bufferCtx,
         chartRect: this.chartRect,
@@ -41732,7 +41978,11 @@ var chart_core_EvChart = /*#__PURE__*/function () {
         },
         selectLabel: {
           option: selectLabel,
-          selected: this.defaultSelectLabelInfo
+          selected: this.defaultSelectInfo
+        },
+        selectSeries: {
+          option: selectSeries,
+          selected: this.defaultSelectInfo
         }
       };
       var showIndex = 0;
@@ -41941,10 +42191,10 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       var _this4 = this;
 
       this.axesX.forEach(function (axis, index) {
-        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.x[index], hitInfo, _this4.defaultSelectLabelInfo);
+        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.x[index], hitInfo, _this4.defaultSelectInfo);
       });
       this.axesY.forEach(function (axis, index) {
-        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.y[index], hitInfo, _this4.defaultSelectLabelInfo);
+        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.y[index], hitInfo, _this4.defaultSelectInfo);
       });
     }
     /**
@@ -42292,7 +42542,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.axesY = this.createAxes('y', options.axesY);
       this.axesRange = this.getAxesRange();
       this.labelOffset = this.getLabelOffset();
-      this.initSelectedLabelInfo();
+      this.initSelectedInfo();
       this.render(updateInfo === null || updateInfo === void 0 ? void 0 : updateInfo.hitInfo);
       var isDragMove = this.dragInfo && this.drawSelectionArea;
 
@@ -42563,6 +42813,11 @@ var DEFAULT_OPTIONS = {
     useApproximateValue: false,
     tipBackground: '#000000'
   },
+  selectSeries: {
+    use: false,
+    limit: 1,
+    useDeselectOverflow: false
+  },
   dragSelection: {
     use: false,
     keepDisplay: true,
@@ -42617,9 +42872,12 @@ var chart_uses_useModel = function useModel() {
 
   var selectItemInfo = lodash_es_cloneDeep(props.selectedItem);
   var selectLabelInfo = lodash_es_cloneDeep(props.selectedLabel);
+  var selectSeriesInfo = lodash_es_cloneDeep(props.selectedSeries);
   var eventListeners = {
     click: function () {
       var _click = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
+        var _e$selected, _e$selected2;
+
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -42635,15 +42893,21 @@ var chart_uses_useModel = function useModel() {
                   });
                 }
 
-                if (e.selected) {
+                if ((_e$selected = e.selected) !== null && _e$selected !== void 0 && _e$selected.dataIndex) {
                   emit('update:selectedLabel', {
                     dataIndex: e.selected.dataIndex
                   });
                 }
 
+                if ((_e$selected2 = e.selected) !== null && _e$selected2 !== void 0 && _e$selected2.seriesId) {
+                  emit('update:selectedSeries', {
+                    seriesId: e.selected.seriesId
+                  });
+                }
+
                 emit('click', e);
 
-              case 5:
+              case 6:
               case "end":
                 return _context.stop();
             }
@@ -42714,6 +42978,7 @@ var chart_uses_useModel = function useModel() {
     eventListeners: eventListeners,
     selectItemInfo: selectItemInfo,
     selectLabelInfo: selectLabelInfo,
+    selectSeriesInfo: selectSeriesInfo,
     getNormalizedData: getNormalizedData,
     getNormalizedOptions: getNormalizedOptions
   };
@@ -42762,6 +43027,10 @@ var uses_useWrapper = function useWrapper(options) {
       type: Object,
       default: null
     },
+    selectedSeries: {
+      type: Object,
+      default: null
+    },
     options: {
       type: Object,
       default: function _default() {
@@ -42779,7 +43048,7 @@ var uses_useWrapper = function useWrapper(options) {
       default: 0
     }
   },
-  emits: ['click', 'dbl-click', 'drag-select', 'update:selectedItem', 'update:selectedLabel'],
+  emits: ['click', 'dbl-click', 'drag-select', 'update:selectedItem', 'update:selectedLabel', 'update:selectedSeries'],
   setup: function setup(props) {
     var evChart = {};
     var isInit = false;
@@ -42788,6 +43057,7 @@ var uses_useWrapper = function useWrapper(options) {
         eventListeners = _useModel.eventListeners,
         selectItemInfo = _useModel.selectItemInfo,
         selectLabelInfo = _useModel.selectLabelInfo,
+        selectSeriesInfo = _useModel.selectSeriesInfo,
         getNormalizedData = _useModel.getNormalizedData,
         getNormalizedOptions = _useModel.getNormalizedOptions;
 
@@ -42799,7 +43069,15 @@ var uses_useWrapper = function useWrapper(options) {
         wrapperStyle = _useWrapper.wrapperStyle;
 
     var createChart = function createChart() {
-      evChart = new chart_core(wrapper.value, normalizedData, normalizedOptions, eventListeners, selectItemInfo, selectLabelInfo);
+      var selected;
+
+      if (normalizedOptions.selectLabel.use) {
+        selected = selectLabelInfo;
+      } else if (normalizedOptions.selectSeries.use) {
+        selected = selectSeriesInfo;
+      }
+
+      evChart = new chart_core(wrapper.value, normalizedData, normalizedOptions, eventListeners, selectItemInfo, selected);
     };
 
     var drawChart = function drawChart() {
@@ -42877,13 +43155,25 @@ var uses_useWrapper = function useWrapper(options) {
                 return props.selectedLabel;
               }, function (newValue) {
                 if (newValue.dataIndex) {
-                  evChart.renderWithSelectLabel(newValue.dataIndex);
+                  evChart.renderWithSelected(newValue.dataIndex);
                 }
               }, {
                 deep: true
               });
 
             case 12:
+              _context.next = 14;
+              return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+                return props.selectedSeries;
+              }, function (newValue) {
+                if (newValue.seriesId) {
+                  evChart.renderWithSelected(newValue.seriesId);
+                }
+              }, {
+                deep: true
+              });
+
+            case 14:
             case "end":
               return _context.stop();
           }
@@ -42926,8 +43216,8 @@ var uses_useWrapper = function useWrapper(options) {
 });
 // CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/chart/Chart.vue?vue&type=style&index=0&id=53face60&lang=scss
-var Chartvue_type_style_index_0_id_53face60_lang_scss = __webpack_require__("96f9");
+// EXTERNAL MODULE: ./src/components/chart/Chart.vue?vue&type=style&index=0&id=334a904a&lang=scss
+var Chartvue_type_style_index_0_id_334a904a_lang_scss = __webpack_require__("c5ab");
 
 // CONCATENATED MODULE: ./src/components/chart/Chart.vue
 
@@ -42935,7 +43225,7 @@ var Chartvue_type_style_index_0_id_53face60_lang_scss = __webpack_require__("96f
 
 
 
-Chartvue_type_script_lang_js.render = Chartvue_type_template_id_53face60_render
+Chartvue_type_script_lang_js.render = Chartvue_type_template_id_334a904a_render
 
 /* harmony default export */ var Chart = (Chartvue_type_script_lang_js);
 // CONCATENATED MODULE: ./src/components/chart/index.js
@@ -45754,6 +46044,20 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "fdb5":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-chart-wrapper{display:block}.ev-chart-container,.ev-chart-wrapper{position:relative;width:100%;height:100%}.ev-chart-container{overflow:hidden}.ev-chart-title{top:0;left:0;width:100%;padding-left:10px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-chart-legend,.ev-chart-title{position:absolute;overflow:hidden}.ev-chart-legend-box{overflow-x:hidden;overflow-y:auto}.ev-chart-legend-container{position:relative;overflow:hidden}.ev-chart-legend-color,.ev-chart-legend-color--point-line{position:absolute;top:50%;left:0;transform:translateY(-50%);width:18px;height:4px}.ev-chart-legend-color--point-line:after{display:inline-block;position:absolute;top:-2px;left:5px;width:8px;height:8px;content:\" \";border-radius:50%;background-color:inherit}.ev-chart-legend-name{position:absolute;top:50%;left:0;width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;margin-left:24px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;transform:translateY(-50%)}.ev-chart-legend-name:hover{font-weight:700}.ev-chart-legend-value{float:right;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ev-chart-resize-bar{position:absolute;background:transparent;opacity:.5;z-index:10}.ev-chart-resize-bar:hover,.ev-chart-resize-ghost{background-color:#e2e2e2}.ev-chart-resize-ghost{position:absolute;width:4px;height:100%;cursor:col-resize;opacity:.5}.ev-chart-resize-ghost.horizontal{width:100%;height:4px;cursor:row-resize}.ev-chart-tooltip{position:absolute;z-index:850;top:0;left:0;overflow-y:hidden;overflow-x:hidden;border-radius:8px}.ev-chart-tooltip .ev-chart-tooltip-header{padding:8px 16px 0 16px;font-family:Roboto,serif;overflow:hidden;font-size:16px}.ev-chart-tooltip .ev-chart-tooltip-header--wrap{word-wrap:break-word}.ev-chart-tooltip .ev-chart-tooltip-header--ellipsis{text-overflow:ellipsis;white-space:nowrap}.ev-chart-tooltip .ev-chart-tooltip-body{overflow-x:hidden;overflow-y:hidden}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "fdbc":