evui 3.4.151 → 3.4.153

package/dist/evui.common.js

@@ -691,20 +691,6 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("ede85a96", content, true, {"sourceMap":false,"shadowMode":false});
 
-/***/ }),
-
-/***/ "1776":
-/***/ (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-brush-wrapper,.ev-chart-wrapper{display:block;position:relative;width:100%;height:100%}.ev-chart-brush-container,.ev-chart-container{position:relative;overflow:hidden;width:100%;height:100%}.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{padding:5px 0 0 0}.ev-chart-legend-container{position:relative}.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-legend--table{width:100%;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-collapse:collapse}.ev-chart-legend--table td,.ev-chart-legend--table th{padding:3px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ev-chart-legend--table__row{cursor:pointer;min-height:18px}.ev-chart-legend--table__row:hover{font-weight:700}.ev-chart-legend--table__color{width:18px}.ev-chart-legend--table__color-wrapper{position:relative;min-width:18px}.ev-chart-legend--table__color--line{height:4px}.ev-chart-legend--table__color--point-line{position:absolute;top:50%;left:3px;transform:translateY(-50%);height:4px}.ev-chart-legend--table__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--table__name,.ev-chart-legend--table__value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ev-chart-legend-line{position:relative;width:100%;height:100%;border-radius:10px;background-color:#e3e3e3}.ev-chart-legend-line-layer,.ev-chart-legend-thumb{position:absolute;top:0;left:0;width:100%;height:100%}.ev-chart-legend-thumb{border-radius:10px;color:#000}.ev-chart-legend-handle{position:absolute;top:0;left:0;cursor:pointer}.ev-chart-legend-handle.dragging,.ev-chart-legend-handle:hover{transform:scale(1.2)}.ev-chart-legend-handle-btn{width:100%;height:100%;border-radius:50%;background-color:#fff;transition:transform .1s ease-in-out;box-sizing:border-box;border:2px solid #979797}.ev-chart-legend-handle-btn-color{position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%}.ev-chart-legend-label{position:absolute;font-size:12px;line-height:1.4em}.ev-chart-legend-label-text{display:block;white-space:nowrap}.ev-chart-legend-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ev-chart-legend-overlay .ev-chart-legend-overlay-item{position:absolute;top:1px;left:1px;border-radius:50%;border:1px solid #fff;background-color:transparent}.ev-chart-legend-overlay .ev-chart-legend-overlay-tooltip{position:absolute;font-size:12px;line-height:1.4em}.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-custom__header,.ev-chart-tooltip .ev-chart-tooltip-header{padding:12px 16px 3px 16px;overflow:hidden}.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,.ev-chart-tooltip .ev-chart-tooltip-custom{overflow-x:hidden;overflow-y:hidden}.ev-chart-tooltip .ev-chart-tooltip-custom__body{padding:8px 20px 8px 16px;overflow-x:hidden;overflow-y:hidden}.ev-chart-tooltip .ev-chart-tooltip-custom__body .row{display:flex;flex-direction:row;align-items:center}.ev-chart-tooltip .ev-chart-tooltip-custom__body .series-name{flex:auto}.ev-chart-tooltip .ev-chart-tooltip-custom__body .value{text-align:right}.ev-chart-tooltip .ev-chart-tooltip-custom__body .color-circle,.ev-chart-tooltip .ev-chart-tooltip-custom__body .color-rect{width:12px;height:12px;margin-right:16px}.ev-chart-tooltip .ev-chart-tooltip-custom__body .color-circle{border-radius:12px}.ev-chart-scrollbar{position:absolute;z-index:3}.ev-chart-scrollbar-container{position:relative;top:0;left:0;width:100%;height:100%}.ev-chart-scrollbar-thumb,.ev-chart-scrollbar-track{position:absolute}.ev-chart-scrollbar-thumb:hover{opacity:.7}.ev-chart-scrollbar-button{position:absolute;text-align:center}.ev-chart-scrollbar-button:hover{opacity:.5!important}.ev-chart-scrollbar-button-icon{display:none;margin:0 auto;font-size:12px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "17c2":
@@ -6140,6 +6126,21 @@ exports.push([module.i, "#ev-message-modal{position:fixed;top:0;left:50%;z-index
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "50c1":
+/***/ (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__("852a");
+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("52fbf574", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "50c4":
@@ -6511,17 +6512,6 @@ exports.push([module.i, ".grid-pagination[data-v-414aff2b]{padding-top:8px}", ""
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "5a0a":
-/***/ (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_24eba9c6_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9138");
-/* 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_24eba9c6_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_24eba9c6_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "5a0c":
@@ -7116,6 +7106,25 @@ exports.default = (sfc, props) => {
 };
 
 
+/***/ }),
+
+/***/ "6b93":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+
+var log = Math.log;
+var LOG10E = Math.LOG10E;
+
+// `Math.log10` method
+// https://tc39.github.io/ecma262/#sec-math.log10
+$({ target: 'Math', stat: true }, {
+  log10: function log10(x) {
+    return log(x) * LOG10E;
+  }
+});
+
+
 /***/ }),
 
 /***/ "6bcc":
@@ -7933,6 +7942,20 @@ exports.push([module.i, ".ev-window-scroll-lock{overflow:hidden!important}.ev-wi
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "852a":
+/***/ (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-brush-wrapper,.ev-chart-wrapper{display:block;position:relative;width:100%;height:100%}.ev-chart-brush-container,.ev-chart-container{position:relative;overflow:hidden;width:100%;height:100%}.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{padding:5px 0 0 0}.ev-chart-legend-container{position:relative}.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-legend--table{width:100%;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-collapse:collapse}.ev-chart-legend--table td,.ev-chart-legend--table th{padding:3px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ev-chart-legend--table__row{cursor:pointer;min-height:18px}.ev-chart-legend--table__row:hover{font-weight:700}.ev-chart-legend--table__color{width:18px}.ev-chart-legend--table__color-wrapper{position:relative;min-width:18px}.ev-chart-legend--table__color--line{height:4px}.ev-chart-legend--table__color--point-line{position:absolute;top:50%;left:3px;transform:translateY(-50%);height:4px}.ev-chart-legend--table__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--table__name,.ev-chart-legend--table__value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ev-chart-legend-line{position:relative;width:100%;height:100%;border-radius:10px;background-color:#e3e3e3}.ev-chart-legend-line-layer,.ev-chart-legend-thumb{position:absolute;top:0;left:0;width:100%;height:100%}.ev-chart-legend-thumb{border-radius:10px;color:#000}.ev-chart-legend-handle{position:absolute;top:0;left:0;cursor:pointer}.ev-chart-legend-handle.dragging,.ev-chart-legend-handle:hover{transform:scale(1.2)}.ev-chart-legend-handle-btn{width:100%;height:100%;border-radius:50%;background-color:#fff;transition:transform .1s ease-in-out;box-sizing:border-box;border:2px solid #979797}.ev-chart-legend-handle-btn-color{position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%}.ev-chart-legend-label{position:absolute;font-size:12px;line-height:1.4em}.ev-chart-legend-label-text{display:block;white-space:nowrap}.ev-chart-legend-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ev-chart-legend-overlay .ev-chart-legend-overlay-item{position:absolute;top:1px;left:1px;border-radius:50%;border:1px solid #fff;background-color:transparent}.ev-chart-legend-overlay .ev-chart-legend-overlay-tooltip{position:absolute;font-size:12px;line-height:1.4em}.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-custom__header,.ev-chart-tooltip .ev-chart-tooltip-header{padding:12px 16px 3px 16px;overflow:hidden}.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,.ev-chart-tooltip .ev-chart-tooltip-custom{overflow-x:hidden;overflow-y:hidden}.ev-chart-tooltip .ev-chart-tooltip-custom__body{padding:8px 20px 8px 16px;overflow-x:hidden;overflow-y:hidden}.ev-chart-tooltip .ev-chart-tooltip-custom__body .row{display:flex;flex-direction:row;align-items:center}.ev-chart-tooltip .ev-chart-tooltip-custom__body .series-name{flex:auto}.ev-chart-tooltip .ev-chart-tooltip-custom__body .value{text-align:right}.ev-chart-tooltip .ev-chart-tooltip-custom__body .color-circle,.ev-chart-tooltip .ev-chart-tooltip-custom__body .color-rect{width:12px;height:12px;margin-right:16px}.ev-chart-tooltip .ev-chart-tooltip-custom__body .color-circle{border-radius:12px}.ev-chart-scrollbar{position:absolute;z-index:3}.ev-chart-scrollbar-container{position:relative;top:0;left:0;width:100%;height:100%}.ev-chart-scrollbar-thumb,.ev-chart-scrollbar-track{position:absolute}.ev-chart-scrollbar-thumb:hover{opacity:.7}.ev-chart-scrollbar-button{position:absolute;text-align:center}.ev-chart-scrollbar-button:hover{opacity:.5!important}.ev-chart-scrollbar-button-icon{display:none;margin:0 auto;font-size:12px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "857a":
@@ -11207,27 +11230,12 @@ $({ target: 'Number', stat: true }, {
 });
 
 
-/***/ }),
-
-/***/ "9138":
-/***/ (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__("1776");
-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("9519e5b6", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.151\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.153\"}");
 
 /***/ }),
 
@@ -12478,6 +12486,17 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGT
 });
 
 
+/***/ }),
+
+/***/ "a444":
+/***/ (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_de83f53c_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("50c1");
+/* 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_de83f53c_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_de83f53c_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "a4d3":
@@ -38337,20 +38356,20 @@ 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=24eba9c6
+// 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=de83f53c
 
-var Chartvue_type_template_id_24eba9c6_hoisted_1 = {
+var Chartvue_type_template_id_de83f53c_hoisted_1 = {
   key: 0,
   ref: "evChartToolbarRef"
 };
-function Chartvue_type_template_id_24eba9c6_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Chartvue_type_template_id_de83f53c_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _$setup$zoomOptions$t;
 
   var _component_ev_chart_toolbar = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-chart-toolbar");
 
   var _directive_resize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("resize");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, [(_$setup$zoomOptions$t = $setup.zoomOptions.toolbar) !== null && _$setup$zoomOptions$t !== void 0 && _$setup$zoomOptions$t.show && !$setup.injectIsChartGroup ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Chartvue_type_template_id_24eba9c6_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_chart_toolbar, {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, [(_$setup$zoomOptions$t = $setup.zoomOptions.toolbar) !== null && _$setup$zoomOptions$t !== void 0 && _$setup$zoomOptions$t.show && !$setup.injectIsChartGroup ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Chartvue_type_template_id_de83f53c_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_chart_toolbar, {
     toolbar: $setup.zoomOptions.toolbar,
     onOnClickToolbar: $setup.onClickToolbar
   }, null, 8, ["toolbar", "onOnClickToolbar"])], 512)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
@@ -38359,7 +38378,7 @@ function Chartvue_type_template_id_24eba9c6_render(_ctx, _cache, $props, $setup,
     class: "ev-chart"
   }, null, 4), [[_directive_resize, $setup.onResize]])], 64);
 }
-// CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=template&id=24eba9c6
+// CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=template&id=de83f53c
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
 var es_object_assign = __webpack_require__("cca65");
@@ -46331,12 +46350,105 @@ var scale_time_TimeScale = /*#__PURE__*/function (_Scale) {
 
       return Math.ceil((max - min) / step);
     }
+    /**
+     * With range information, calculate how many labels in axis
+     * @param {object} range    min/max information
+     *
+     * @returns {object} steps, interval, min/max graph value
+    */
+
+  }, {
+    key: "calculateSteps",
+    value: function calculateSteps(range) {
+      var maxValue = range.maxValue,
+          minValue = range.minValue,
+          maxSteps = range.maxSteps; // 사용자 interval로 인식하는 경우: 숫자 또는 객체({ time, unit }) 형태만
+      // 문자열('hour', 'second' 등)은 기존 로직(분기 D)으로 처리
+
+      var hasUserRange = Array.isArray(this.range) && this.range.length === 2;
+      var hasUserInterval = typeof this.interval === 'number' || _typeof(this.interval) === 'object' && this.interval !== null;
+      var resolvedInterval = hasUserInterval ? this.getInterval(range) : null;
+      var isValidInterval = resolvedInterval != null && resolvedInterval > 0 && isFinite(resolvedInterval);
+      var graphMin = +minValue;
+      var graphMax = +maxValue;
+      var graphRange = graphMax - graphMin;
+      var interval;
+      var steps;
+
+      if (hasUserRange && isValidInterval) {
+        // 1) user range + interval
+        var candidateSteps = graphRange / resolvedInterval;
+        var isExactlyDividable = Math.abs(candidateSteps - Math.round(candidateSteps)) < 1e-10;
+
+        if (isExactlyDividable && candidateSteps <= maxSteps) {
+          // 1-1) interval 호환되는 경우
+          interval = resolvedInterval;
+          steps = Math.round(candidateSteps);
+        } else {
+          // 1-2) interval 호환되지 않음 -> 사용자 interval을 사용하지 않음
+          steps = maxSteps;
+          interval = graphRange / steps;
+        }
+      } else if (hasUserRange) {
+        // 2) user range only
+        steps = maxSteps;
+        interval = graphRange / steps;
+      } else if (isValidInterval) {
+        // 3) user interval only
+        interval = resolvedInterval;
+        steps = Math.ceil(graphRange / interval);
+
+        while (steps > maxSteps) {
+          interval *= 2;
+          steps = Math.ceil(graphRange / interval);
+        }
+
+        graphMax = graphMin + interval * steps;
+      } else {
+        // 4) 기존 로직
+        interval = this.getInterval(range);
+        var increase = minValue;
+        var numberOfSteps;
+
+        while (increase < maxValue) {
+          increase += interval;
+        }
+
+        graphMax = increase;
+        numberOfSteps = Math.round(graphRange / interval);
+
+        while (numberOfSteps > maxSteps) {
+          interval *= 2;
+          numberOfSteps = Math.round(graphRange / interval);
+          var tempInterval = graphRange / numberOfSteps;
+          interval = this.decimalPoint ? tempInterval : Math.ceil(tempInterval);
+        }
+
+        if (graphMax - graphMin > numberOfSteps * interval) {
+          var _tempInterval = (graphMax - graphMin) / numberOfSteps;
+
+          interval = this.decimalPoint ? _tempInterval : Math.ceil(_tempInterval);
+        }
+
+        steps = numberOfSteps;
+      }
+
+      return {
+        steps: steps,
+        interval: interval,
+        graphMin: graphMin,
+        graphMax: graphMax
+      };
+    }
   }]);
 
   return TimeScale;
 }(scale_scale);
 
 /* harmony default export */ var scale_time = (scale_time_TimeScale);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.math.log10.js
+var es_math_log10 = __webpack_require__("6b93");
+
 // CONCATENATED MODULE: ./src/components/chart/scale/scale.linear.js
 
 
@@ -46349,6 +46461,8 @@ var scale_time_TimeScale = /*#__PURE__*/function (_Scale) {
 
 
 
+
+
 var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
   _inherits(LinearScale, _Scale);
 
@@ -46371,11 +46485,16 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
      * @returns {string} formatted label
      */
     value: function getTruthyValue(value) {
-      return truthyNumber(value) ? Number(value.toFixed(this.decimalPoint)) : value;
+      var _this$adjustedDecimal;
+
+      var decimalPoint = (_this$adjustedDecimal = this.adjustedDecimalPoint) !== null && _this$adjustedDecimal !== void 0 ? _this$adjustedDecimal : this.decimalPoint;
+      return truthyNumber(value) ? Number(value.toFixed(decimalPoint)) : value;
     }
   }, {
     key: "getLabelFormat",
     value: function getLabelFormat(value) {
+      var _this$adjustedDecimal2;
+
       var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
       if (this.formatter) {
@@ -46392,7 +46511,8 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
         }
       }
 
-      return helpers_util.labelSignFormat(value, this.decimalPoint);
+      var decimalPoint = (_this$adjustedDecimal2 = this.adjustedDecimalPoint) !== null && _this$adjustedDecimal2 !== void 0 ? _this$adjustedDecimal2 : this.decimalPoint;
+      return helpers_util.labelSignFormat(value, decimalPoint);
     }
     /**
      * Calculate interval
@@ -46419,44 +46539,164 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
       return Math.ceil((max - min) / step);
     }
     /**
-    * Get decimal point from range
-    * @param {object} {
-    *  graphRange: number,
-    *  numberOfSteps: number,
-    *  interval: number,
-    * }
-    * @returns {number} decimal point
-    */
+     * Get auto decimal point from interval
+     * interval을 표현할 수 있는 최소 decimal 반환
+     * 너무 긴 decimal은 제한
+     * @param {number} interval
+     * @returns {number} decimal point
+     */
 
   }, {
-    key: "getDecimalPointFromRange",
-    value: function getDecimalPointFromRange(_ref) {
-      var graphRange = _ref.graphRange,
-          numberOfSteps = _ref.numberOfSteps;
-
-      if (numberOfSteps <= 0 || graphRange === 0) {
+    key: "getAutoDecimalPointFromInterval",
+    value: function getAutoDecimalPointFromInterval(interval) {
+      if (!isFinite(interval) || interval === 0) {
         return 0;
       }
 
-      var interval = graphRange / numberOfSteps;
+      var absInterval = Math.abs(interval); // 1 미만 값 처리 (소수점 최대 10자리 제한)
+
+      if (absInterval < 1) {
+        var decimals = 0;
+        var temp = absInterval;
+
+        while (temp < 1) {
+          temp *= 10;
+          decimals++;
+
+          if (decimals > 10) {
+            break;
+          }
+        }
+
+        return decimals;
+      } // 1 이상 값 처리 (소수점 최대 2자리 제한)
+
+
+      for (var decimal = 0; decimal <= 6; decimal++) {
+        var rounded = Number(absInterval.toFixed(decimal));
+
+        if (Math.abs(rounded - absInterval) < 1e-10) {
+          return Math.min(decimal, 2);
+        }
+      }
+
+      return 2;
+    }
+    /**
+     * axis interval을 nice number로 변환
+     * (1, 2, 5 × 10^n)
+     *
+     * @param {Object} params
+     * @param {number} params.range
+     * @param {boolean} params.round
+     * @returns {number}
+     */
 
-      if (interval === 0) {
+  }, {
+    key: "getNiceNumber",
+    value: function getNiceNumber(_ref) {
+      var range = _ref.range,
+          _ref$round = _ref.round,
+          round = _ref$round === void 0 ? false : _ref$round;
+
+      if (!isFinite(range) || range <= 0) {
         return 0;
       }
 
-      var decimals = 0;
-      var temp = interval;
+      var exponent = Math.floor(Math.log10(range));
+      var fraction = range / Math.pow(10, exponent);
+      var niceFraction;
 
-      while (temp < 1) {
-        temp *= 10;
-        decimals++;
+      if (round) {
+        if (fraction < 1.5) {
+          niceFraction = 1;
+        } else if (fraction < 3) {
+          niceFraction = 2;
+        } else if (fraction < 7) {
+          niceFraction = 5;
+        } else {
+          niceFraction = 10;
+        }
+      } else if (fraction <= 1) {
+        niceFraction = 1;
+      } else if (fraction <= 2) {
+        niceFraction = 2;
+      } else if (fraction <= 5) {
+        niceFraction = 5;
+      } else {
+        niceFraction = 10;
+      }
 
-        if (decimals > 10) {
-          break;
+      return niceFraction * Math.pow(10, exponent);
+    }
+    /**
+     * With range information, calculate how many labels in axis
+     * @param {object} range    min/max information
+     *
+     * @returns {object} steps, interval, min/max graph value
+     */
+
+  }, {
+    key: "calculateSteps",
+    value: function calculateSteps(range) {
+      var minValue = range.minValue,
+          maxValue = range.maxValue;
+      var maxSteps = Math.max(1, range.maxSteps);
+      var hasUserRange = Array.isArray(this.range) && this.range.length === 2;
+      var hasUserInterval = typeof this.interval === 'number' || _typeof(this.interval) === 'object' && this.interval !== null;
+      var resolvedInterval = hasUserInterval ? this.getInterval(range) : null;
+      var isValidInterval = resolvedInterval != null && resolvedInterval > 0 && isFinite(resolvedInterval);
+      var graphMin = +minValue;
+      var graphMax = +maxValue;
+      var graphRange = graphMax - graphMin;
+      var interval;
+      var steps;
+
+      if (hasUserRange && isValidInterval) {
+        // 1) user range + interval
+        var candidateSteps = graphRange / resolvedInterval;
+        var isExactlyDividable = Math.abs(candidateSteps - Math.round(candidateSteps)) < 1e-10;
+
+        if (isExactlyDividable && candidateSteps <= maxSteps) {
+          interval = resolvedInterval;
+          steps = Math.round(candidateSteps);
+        } else {
+          // interval 호환되지 않음 -> 사용자 interval을 사용하지 않음
+          steps = maxSteps;
+          interval = graphRange / steps;
+        }
+      } else if (hasUserRange) {
+        // 2) user range only
+        steps = maxSteps;
+        interval = graphRange / steps;
+      } else if (isValidInterval) {
+        // 3) user interval only
+        interval = resolvedInterval;
+        steps = Math.ceil(graphRange / interval);
+
+        while (steps > maxSteps) {
+          interval *= 2;
+          steps = Math.ceil(graphRange / interval);
         }
+
+        graphMax = graphMin + interval * steps;
+      } else {
+        // 4) auto
+        interval = this.getNiceNumber({
+          range: graphRange / maxSteps,
+          round: true
+        });
+        steps = Math.ceil(graphRange / interval);
+        graphMax = graphMin + interval * steps;
       }
 
-      return decimals;
+      this.adjustedDecimalPoint = this.decimalPoint === 'auto' ? this.getAutoDecimalPointFromInterval(interval) : this.decimalPoint;
+      return {
+        steps: steps,
+        interval: interval,
+        graphMin: graphMin,
+        graphMax: graphMax
+      };
     }
   }]);
 
@@ -47590,6 +47830,7 @@ var plugins_title_modules = {
 
 
 
+
 
 
 var plugins_legend_modules = {
@@ -48127,6 +48368,8 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxClick = function (e) {
+      var _this8$options$eventB;
+
       var opt = _this8.options.legend;
 
       if (opt !== null && opt !== void 0 && opt.stopClickEvt) {
@@ -48152,11 +48395,12 @@ var plugins_legend_modules = {
 
       if (opt.clickMode === 'active') {
         var legendContainerDOMs = Array.from(_this8.legendBoxDOM.getElementsByClassName(classList.container));
-        var isActiveAll = legendContainerDOMs.every(function (dom) {
+
+        var _isActiveAll = legendContainerDOMs.every(function (dom) {
           return dom.dataset.inactive === 'false';
         });
 
-        if (isActiveAll) {
+        if (_isActiveAll) {
           legendContainerDOMs.forEach(function (dom) {
             inactiveDomAndSeries(dom, opt.inactive);
           });
@@ -48207,13 +48451,35 @@ var plugins_legend_modules = {
         _this8.brushSeries.chartIdx = chartIdx;
       }
 
-      _this8.update({
-        updateSeries: false,
-        updateSelTip: {
-          update: true,
-          keepDomain: true
-        }
+      if (((_this8$options$eventB = _this8.options.eventBehavior) === null || _this8$options$eventB === void 0 ? void 0 : _this8$options$eventB.legendClick) !== 'emitOnly') {
+        _this8.update({
+          updateSeries: false,
+          updateSelTip: {
+            update: true,
+            keepDomain: true
+          }
+        });
+      } // click-legend event 발생
+
+
+      var activeSeries = Object.values(_this8.seriesList).filter(function (series) {
+        return series.show;
       });
+      var activeSeriesIds = activeSeries.map(function (series) {
+        return series.sId;
+      });
+      var isActiveAll = activeSeriesIds.length === Object.values(_this8.seriesList).length;
+      var args = {
+        e: e,
+        data: {
+          seriesIds: isActiveAll ? [] : activeSeriesIds,
+          isActiveAll: isActiveAll
+        }
+      };
+
+      if (typeof _this8.listeners['click-legend'] === 'function') {
+        _this8.listeners['click-legend'](args);
+      }
     };
     /**
      * callback for mouseleave event on legendBoxDOM
@@ -48387,6 +48653,8 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxClick = function (e) {
+      var _this9$options$eventB;
+
       var opt = _this9.options.legend;
 
       if (opt !== null && opt !== void 0 && opt.stopClickEvt) {
@@ -48415,11 +48683,12 @@ var plugins_legend_modules = {
 
       if (opt.clickMode === 'active') {
         var legendContainerDOMs = Array.from(_this9.legendBoxDOM.getElementsByClassName(classList.container));
-        var isActiveAll = legendContainerDOMs.every(function (dom) {
+
+        var _isActiveAll2 = legendContainerDOMs.every(function (dom) {
           return dom.dataset.inactive === 'false';
         });
 
-        if (isActiveAll) {
+        if (_isActiveAll2) {
           legendContainerDOMs.forEach(function (dom) {
             inactiveDomAndSeries(dom, opt.inactive);
           });
@@ -48456,13 +48725,35 @@ var plugins_legend_modules = {
         }
       }
 
-      _this9.update({
-        updateSeries: false,
-        updateSelTip: {
-          update: true,
-          keepDomain: true
-        }
+      if (((_this9$options$eventB = _this9.options.eventBehavior) === null || _this9$options$eventB === void 0 ? void 0 : _this9$options$eventB.legendClick) !== 'emitOnly') {
+        _this9.update({
+          updateSeries: false,
+          updateSelTip: {
+            update: true,
+            keepDomain: true
+          }
+        });
+      } // click-legend event 발생
+
+
+      var activeSeries = series.colorState.filter(function (colorItem) {
+        return colorItem.show;
       });
+      var activeSerieIndices = activeSeries.map(function (colorItem) {
+        return +colorItem.id.split('#')[1];
+      });
+      var isActiveAll = series.colorState.length === activeSeries.length;
+      var args = {
+        e: e,
+        data: {
+          seriesIndices: isActiveAll ? [] : activeSerieIndices,
+          isActiveAll: isActiveAll
+        }
+      };
+
+      if (typeof _this9.listeners['click-legend'] === 'function') {
+        _this9.listeners['click-legend'](args);
+      }
     };
     /**
      * callback for mouseleave event on legendBoxDOM
@@ -49993,6 +50284,7 @@ var plugins_scrollbar_module = {
     Object.keys(merged).forEach(function (key) {
       scrollbarOpt[key] = merged[key];
     });
+    delete scrollbarOpt.savedPosition;
 
     if (!scrollbarOpt.isInit) {
       var _axisOpt$2, _axisOpt$3, _axisOpt$3$range, _axisOpt$4;
@@ -50055,14 +50347,6 @@ var plugins_scrollbar_module = {
     }
   },
 
-  /**
-   * update scrollbar information
-   */
-  updateScrollbar: function updateScrollbar(updateData) {
-    this.updateScrollbarInfo('x', updateData);
-    this.updateScrollbarInfo('y', updateData);
-  },
-
   /**
    * Updated scrollbar information with updated axis information
    * @param dir axis direction (x | y)
@@ -50450,7 +50734,6 @@ var plugins_scrollbar_module = {
           update: false,
           keepDomain: false
         },
-        updateByScrollbar: true,
         lightUpdate: minValue > 1
       });
     }
@@ -52389,12 +52672,13 @@ var plugins_interaction_modules = {
         yp = _offset[1];
 
     var isHorizontal = !!this.options.horizontal;
-    var mousePos = isHorizontal ? yp : xp; // 첫 번째 표시 중인 시리즈를 기준으로 라벨 위치 확인
+    var mousePos = isHorizontal ? yp : xp; // 데이터 있는 시리즈를 기준으로 라벨 위치 확인
 
     var referenceSeries = sIds.find(function (sId) {
-      var _this5$seriesList$sId;
+      var _series$data;
 
-      return (_this5$seriesList$sId = _this5.seriesList[sId]) === null || _this5$seriesList$sId === void 0 ? void 0 : _this5$seriesList$sId.show;
+      var series = _this5.seriesList[sId];
+      return (series === null || series === void 0 ? void 0 : series.show) && (series === null || series === void 0 ? void 0 : (_series$data = series.data) === null || _series$data === void 0 ? void 0 : _series$data.length) > 0;
     });
 
     if (!referenceSeries || !((_this$seriesList$refe = this.seriesList[referenceSeries]) !== null && _this$seriesList$refe !== void 0 && _this$seriesList$refe.data)) {
@@ -52443,10 +52727,10 @@ var plugins_interaction_modules = {
     var _loop = function _loop(_i) {
       // 이 라벨에 유효한 데이터가 있는 시리즈가 하나 이상 있는지 확인
       var hasValidData = sIds.some(function (sId) {
-        var _series$data, _series$data$_i, _series$data2, _series$data2$_i;
+        var _series$data2, _series$data2$_i, _series$data3, _series$data3$_i;
 
         var series = _this5.seriesList[sId];
-        return (series === null || series === void 0 ? void 0 : series.show) && ((_series$data = series.data) === null || _series$data === void 0 ? void 0 : (_series$data$_i = _series$data[_i]) === null || _series$data$_i === void 0 ? void 0 : _series$data$_i.o) !== null && ((_series$data2 = series.data) === null || _series$data2 === void 0 ? void 0 : (_series$data2$_i = _series$data2[_i]) === null || _series$data2$_i === void 0 ? void 0 : _series$data2$_i.o) !== undefined;
+        return (series === null || series === void 0 ? void 0 : series.show) && ((_series$data2 = series.data) === null || _series$data2 === void 0 ? void 0 : (_series$data2$_i = _series$data2[_i]) === null || _series$data2$_i === void 0 ? void 0 : _series$data2$_i.o) !== null && ((_series$data3 = series.data) === null || _series$data3 === void 0 ? void 0 : (_series$data3$_i = _series$data3[_i]) === null || _series$data3$_i === void 0 ? void 0 : _series$data3$_i.o) !== undefined;
       });
 
       if (hasValidData) {
@@ -55410,7 +55694,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
   _createClass(EvChart, [{
     key: "init",
     value: function init() {
-      var _this$createEventFunc;
+      var _axesX$, _axesX$$scrollbar, _axesY$, _axesY$$scrollbar, _this$createEventFunc;
 
       var _this$data = this.data,
           series = _this$data.series,
@@ -55441,6 +55725,11 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.initRect();
       this.axesX = this.createAxes('x', axesX);
       this.axesY = this.createAxes('y', axesY);
+
+      if (axesX !== null && axesX !== void 0 && (_axesX$ = axesX[0]) !== null && _axesX$ !== void 0 && (_axesX$$scrollbar = _axesX$.scrollbar) !== null && _axesX$$scrollbar !== void 0 && _axesX$$scrollbar.use || axesY !== null && axesY !== void 0 && (_axesY$ = axesY[0]) !== null && _axesY$ !== void 0 && (_axesY$$scrollbar = _axesY$.scrollbar) !== null && _axesY$$scrollbar !== void 0 && _axesY$$scrollbar.use) {
+        this.initScrollbar();
+      }
+
       this.initDefaultSelectInfo();
       this.drawChart();
 
@@ -55460,8 +55749,6 @@ var chart_core_EvChart = /*#__PURE__*/function () {
   }, {
     key: "initRect",
     value: function initRect() {
-      var _opt$axesX, _opt$axesX$, _opt$axesX$$scrollbar, _opt$axesY, _opt$axesY$, _opt$axesY$$scrollbar;
-
       var opt = this.options;
 
       if (opt.title.show) {
@@ -55480,10 +55767,6 @@ var chart_core_EvChart = /*#__PURE__*/function () {
         this.setLegendPosition();
       }
 
-      if ((_opt$axesX = opt.axesX) !== null && _opt$axesX !== void 0 && (_opt$axesX$ = _opt$axesX[0]) !== null && _opt$axesX$ !== void 0 && (_opt$axesX$$scrollbar = _opt$axesX$.scrollbar) !== null && _opt$axesX$$scrollbar !== void 0 && _opt$axesX$$scrollbar.use || (_opt$axesY = opt.axesY) !== null && _opt$axesY !== void 0 && (_opt$axesY$ = _opt$axesY[0]) !== null && _opt$axesY$ !== void 0 && (_opt$axesY$$scrollbar = _opt$axesY$.scrollbar) !== null && _opt$axesY$$scrollbar !== void 0 && _opt$axesY$$scrollbar.use) {
-        this.initScrollbar();
-      }
-
       this.chartRect = this.getChartRect();
     }
   }, {
@@ -55613,7 +55896,6 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.drawSeries(hitInfo);
 
       if ((_this$scrollbar = this.scrollbar) !== null && _this$scrollbar !== void 0 && (_this$scrollbar$x = _this$scrollbar.x) !== null && _this$scrollbar$x !== void 0 && _this$scrollbar$x.use || (_this$scrollbar2 = this.scrollbar) !== null && _this$scrollbar2 !== void 0 && (_this$scrollbar2$y = _this$scrollbar2.y) !== null && _this$scrollbar2$y !== void 0 && _this$scrollbar2$y.use) {
-        this.initScrollbar();
         this.updateScrollbarPosition();
       }
 
@@ -56267,6 +56549,25 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       });
       return labelOffset;
     }
+    /**
+     * Update scrollbar information
+     * @param {boolean} updateData is update data
+     * @returns {undefined}
+     */
+
+  }, {
+    key: "updateScrollbar",
+    value: function updateScrollbar(updateData) {
+      var _this$scrollbar3, _this$scrollbar3$x, _this$options$axesX2, _this$options$axesX2$, _this$options$axesX2$2, _this$scrollbar4, _this$scrollbar4$y, _this$options$axesY2, _this$options$axesY2$, _this$options$axesY2$2;
+
+      if ((_this$scrollbar3 = this.scrollbar) !== null && _this$scrollbar3 !== void 0 && (_this$scrollbar3$x = _this$scrollbar3.x) !== null && _this$scrollbar3$x !== void 0 && _this$scrollbar3$x.isInit || (_this$options$axesX2 = this.options.axesX) !== null && _this$options$axesX2 !== void 0 && (_this$options$axesX2$ = _this$options$axesX2[0]) !== null && _this$options$axesX2$ !== void 0 && (_this$options$axesX2$2 = _this$options$axesX2$.scrollbar) !== null && _this$options$axesX2$2 !== void 0 && _this$options$axesX2$2.use) {
+        this.updateScrollbarInfo('x', updateData);
+      }
+
+      if ((_this$scrollbar4 = this.scrollbar) !== null && _this$scrollbar4 !== void 0 && (_this$scrollbar4$y = _this$scrollbar4.y) !== null && _this$scrollbar4$y !== void 0 && _this$scrollbar4$y.isInit || (_this$options$axesY2 = this.options.axesY) !== null && _this$options$axesY2 !== void 0 && (_this$options$axesY2$ = _this$options$axesY2[0]) !== null && _this$options$axesY2$ !== void 0 && (_this$options$axesY2$2 = _this$options$axesY2$.scrollbar) !== null && _this$options$axesY2$2 !== void 0 && _this$options$axesY2$2.use) {
+        this.updateScrollbarInfo('y', updateData);
+      }
+    }
     /**
      * To re-render chart, reset properties, canvas and then render chart.
      * @param {object} updateInfo   information for each components are needed to update
@@ -56289,19 +56590,13 @@ var chart_core_EvChart = /*#__PURE__*/function () {
           updateLegend = updateInfo.updateLegend,
           updateData = updateInfo.updateData,
           updateTooltip = updateInfo.updateTooltip,
-          updateByScrollbar = updateInfo.updateByScrollbar,
           lightUpdate = updateInfo.lightUpdate;
 
       if (!this.isInit) {
         return;
       }
 
-      if (updateByScrollbar) {
-        var _this$updateScrollbar;
-
-        (_this$updateScrollbar = this.updateScrollbar) === null || _this$updateScrollbar === void 0 ? void 0 : _this$updateScrollbar.call(this, updateData);
-      }
-
+      this.updateScrollbar(updateData);
       this.resetProps();
       this.updateSeries = updateSeries;
 
@@ -56496,22 +56791,17 @@ var chart_core_EvChart = /*#__PURE__*/function () {
   }, {
     key: "resize",
     value: function resize(promiseRes) {
-      var _this$scrollbar3, _this$scrollbar4;
-
-      // 차트 크기가 변경될 때 저장된 스크롤 픽셀 위치를 초기화하여
-      // 새로운 크기에 맞춰 스크롤바 크기/위치를 재계산하도록 함
-      if ((_this$scrollbar3 = this.scrollbar) !== null && _this$scrollbar3 !== void 0 && _this$scrollbar3.x) {
-        delete this.scrollbar.x.savedPosition;
-      }
-
-      if ((_this$scrollbar4 = this.scrollbar) !== null && _this$scrollbar4 !== void 0 && _this$scrollbar4.y) {
-        delete this.scrollbar.y.savedPosition;
-      }
+      var _this$options$axesX3, _this$options$axesX3$, _this$options$axesX3$2, _this$options$axesY3, _this$options$axesY3$, _this$options$axesY3$2;
 
       this.clear();
       this.bufferCtx.restore();
       this.bufferCtx.save();
       this.initRect();
+
+      if ((_this$options$axesX3 = this.options.axesX) !== null && _this$options$axesX3 !== void 0 && (_this$options$axesX3$ = _this$options$axesX3[0]) !== null && _this$options$axesX3$ !== void 0 && (_this$options$axesX3$2 = _this$options$axesX3$.scrollbar) !== null && _this$options$axesX3$2 !== void 0 && _this$options$axesX3$2.use || (_this$options$axesY3 = this.options.axesY) !== null && _this$options$axesY3 !== void 0 && (_this$options$axesY3$ = _this$options$axesY3[0]) !== null && _this$options$axesY3$ !== void 0 && (_this$options$axesY3$2 = _this$options$axesY3$.scrollbar) !== null && _this$options$axesY3$2 !== void 0 && _this$options$axesY3$2.use) {
+        this.initScrollbar();
+      }
+
       this.initScale();
       this.chartRect = this.getChartRect();
       this.drawChart();
@@ -57501,7 +57791,10 @@ var DEFAULT_OPTIONS = {
     decimalPoint: 0
   },
   seriesReverse: false,
-  coordinateDedupe: true
+  coordinateDedupe: true,
+  eventBehavior: {
+    legendClick: 'update'
+  }
 };
 var DEFAULT_DATA = {
   series: {},
@@ -57777,7 +58070,33 @@ var chart_uses_useModel = function useModel(injectGroupSelectedLabel, injectGrou
       if (injectGroupHoveredLabel !== null && injectGroupHoveredLabel !== void 0 && injectGroupHoveredLabel.value) {
         injectGroupHoveredLabel.value.label = null;
       }
-    }
+    },
+    'click-legend': function () {
+      var _clickLegend = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(e) {
+        return regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                _context5.next = 2;
+                return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
+
+              case 2:
+                emit('click-legend', e);
+
+              case 3:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5);
+      }));
+
+      function clickLegend(_x5) {
+        return _clickLegend.apply(this, arguments);
+      }
+
+      return clickLegend;
+    }()
   };
   return {
     eventListeners: eventListeners,
@@ -58141,7 +58460,7 @@ var uses_useZoomModel = function useZoomModel(evChartNormalizedOptions, _ref3, s
       default: false
     }
   },
-  emits: ['click', 'dbl-click', 'drag-select', 'mouse-move', 'update:selectedItem', 'update:selectedLabel', 'update:selectedSeries', 'update:zoomStartIdx', 'update:zoomEndIdx', 'update:realTimeScatterReset'],
+  emits: ['click', 'dbl-click', 'drag-select', 'mouse-move', 'update:selectedItem', 'update:selectedLabel', 'update:selectedSeries', 'update:zoomStartIdx', 'update:zoomEndIdx', 'update:realTimeScatterReset', 'click-legend'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var evChart = null;
@@ -58474,8 +58793,8 @@ var uses_useZoomModel = function useZoomModel(evChartNormalizedOptions, _ref3, s
 });
 // 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=24eba9c6&lang=scss
-var Chartvue_type_style_index_0_id_24eba9c6_lang_scss = __webpack_require__("5a0a");
+// EXTERNAL MODULE: ./src/components/chart/Chart.vue?vue&type=style&index=0&id=de83f53c&lang=scss
+var Chartvue_type_style_index_0_id_de83f53c_lang_scss = __webpack_require__("a444");
 
 // CONCATENATED MODULE: ./src/components/chart/Chart.vue
 
@@ -58485,7 +58804,7 @@ var Chartvue_type_style_index_0_id_24eba9c6_lang_scss = __webpack_require__("5a0
 
 
 
-const Chart_exports_ = /*#__PURE__*/exportHelper_default()(Chartvue_type_script_lang_js, [['render',Chartvue_type_template_id_24eba9c6_render]])
+const Chart_exports_ = /*#__PURE__*/exportHelper_default()(Chartvue_type_script_lang_js, [['render',Chartvue_type_template_id_de83f53c_render]])
 
 /* harmony default export */ var Chart = (Chart_exports_);
 // CONCATENATED MODULE: ./src/components/chart/index.js