evui 3.3.29 → 3.3.32

package/dist/evui.common.js

@@ -4880,17 +4880,6 @@ function stubFalse() {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "2fe8":
-/***/ (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_df219c50_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3d53");
-/* 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_df219c50_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_df219c50_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "3229":
@@ -5086,21 +5075,6 @@ defineIterator(String, 'String', function (iterated) {
 });
 
 
-/***/ }),
-
-/***/ "3d53":
-/***/ (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__("69fc");
-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("6a7aacee", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "3f8c":
@@ -5140,6 +5114,20 @@ module.exports = function (value) {
 };
 
 
+/***/ }),
+
+/***/ "40dc":
+/***/ (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{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-header{padding:8px 16px 0 16px;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;
+
+
 /***/ }),
 
 /***/ "4160":
@@ -5345,6 +5333,17 @@ module.exports = function (O, defaultConstructor) {
 };
 
 
+/***/ }),
+
+/***/ "488e":
+/***/ (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_1fece3ae_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("84b2");
+/* 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_1fece3ae_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_1fece3ae_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4930":
@@ -6879,20 +6878,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "69fc":
-/***/ (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}.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-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-header{padding:8px 16px 0 16px;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;
-
-
 /***/ }),
 
 /***/ "6b0d":
@@ -7240,7 +7225,7 @@ var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_
 var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
 var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
 // Module
-exports.push([module.i, ".ev-grid[data-v-b1b073b2]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-b1b073b2]{overflow:auto}.ev-grid--empty .table-header[data-v-b1b073b2]{display:table}.ev-grid.non-header[data-v-b1b073b2]{padding-top:0}.ev-grid .table-header[data-v-b1b073b2]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-b1b073b2]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-b1b073b2]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-b1b073b2]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-b1b073b2],.column-list[data-v-b1b073b2]{position:relative;height:100%}.column[data-v-b1b073b2]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-b1b073b2]{border-right:1px solid}.column[data-v-b1b073b2]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-b1b073b2]{cursor:default!important}.column .sort-icon[data-v-b1b073b2]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-b1b073b2]{font-size:13px;color:#005cc8}.column-name[data-v-b1b073b2]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-b1b073b2]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-b1b073b2]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-b1b073b2]{display:block;cursor:pointer}.column-filter-status[data-v-b1b073b2]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-b1b073b2]{font-size:10px;vertical-align:top}.column-resize[data-v-b1b073b2]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-b1b073b2]:hover{cursor:col-resize}.table-body[data-v-b1b073b2]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-b1b073b2]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-b1b073b2]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-b1b073b2]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-b1b073b2]{border-bottom:1px solid}.table-body .row[data-v-b1b073b2]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-b1b073b2]{border-bottom:1px solid}.table-body .row.selected[data-v-b1b073b2]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-b1b073b2]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-b1b073b2]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-b1b073b2]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-b1b073b2]{border-right:1px solid}.table-body .cell div[data-v-b1b073b2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-b1b073b2]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-b1b073b2]{overflow:initial}.table-body .cell.float[data-v-b1b073b2],.table-body .cell.number[data-v-b1b073b2]{text-align:right}.table-body .cell.string[data-v-b1b073b2],.table-body .cell.stringNumber[data-v-b1b073b2]{text-align:left}.table-body .cell.center[data-v-b1b073b2]{text-align:center}.table-body .cell.left[data-v-b1b073b2]{text-align:left}.table-body .cell.left .wrap[data-v-b1b073b2]{justify-content:flex-start}.table-body .cell.right[data-v-b1b073b2]{text-align:right}.table-body .cell.right .wrap[data-v-b1b073b2]{justify-content:flex-end}.table-body .cell[data-v-b1b073b2]:last-child{border-right:0}.table-resize-line[data-v-b1b073b2]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-b1b073b2]{border-right:1px solid}.vscroll-spacer[data-v-b1b073b2]{opacity:0;clear:both}[v-cloak][data-v-b1b073b2]{display:none}.ev-checkbox[data-v-b1b073b2]{margin:0}.non-border[data-v-b1b073b2]{border:none!important}.is-empty[data-v-b1b073b2]{height:30px;text-align:center}.postgresql[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
+exports.push([module.i, ".ev-grid[data-v-b1b073b2]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-b1b073b2]{overflow:auto}.ev-grid--empty .table-header[data-v-b1b073b2]{display:table}.ev-grid.non-header[data-v-b1b073b2]{padding-top:0}.ev-grid .table-header[data-v-b1b073b2]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-b1b073b2]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-b1b073b2]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-b1b073b2]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-b1b073b2],.column-list[data-v-b1b073b2]{position:relative;height:100%}.column[data-v-b1b073b2]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-b1b073b2]{border-right:1px solid}.column[data-v-b1b073b2]:last-child{border-right:0}.column:last-child .column-resize[data-v-b1b073b2]{cursor:default!important}.column .sort-icon[data-v-b1b073b2]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-b1b073b2]{font-size:13px;color:#005cc8}.column-name[data-v-b1b073b2]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-b1b073b2]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-b1b073b2]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-b1b073b2]{display:block;cursor:pointer}.column-filter-status[data-v-b1b073b2]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-b1b073b2]{font-size:10px;vertical-align:top}.column-resize[data-v-b1b073b2]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-b1b073b2]:hover{cursor:col-resize}.table-body[data-v-b1b073b2]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-b1b073b2]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-b1b073b2]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-b1b073b2]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-b1b073b2]{border-bottom:1px solid}.table-body .row[data-v-b1b073b2]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-b1b073b2]{border-bottom:1px solid}.table-body .row.selected[data-v-b1b073b2]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-b1b073b2]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-b1b073b2]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-b1b073b2]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-b1b073b2]{border-right:1px solid}.table-body .cell div[data-v-b1b073b2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-b1b073b2]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-b1b073b2]{overflow:initial}.table-body .cell.float[data-v-b1b073b2],.table-body .cell.number[data-v-b1b073b2]{text-align:right}.table-body .cell.string[data-v-b1b073b2],.table-body .cell.stringNumber[data-v-b1b073b2]{text-align:left}.table-body .cell.center[data-v-b1b073b2]{text-align:center}.table-body .cell.left[data-v-b1b073b2]{text-align:left}.table-body .cell.left .wrap[data-v-b1b073b2]{justify-content:flex-start}.table-body .cell.right[data-v-b1b073b2]{text-align:right}.table-body .cell.right .wrap[data-v-b1b073b2]{justify-content:flex-end}.table-body .cell[data-v-b1b073b2]:last-child{border-right:0}.table-resize-line[data-v-b1b073b2]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-b1b073b2]{border-right:1px solid}.vscroll-spacer[data-v-b1b073b2]{opacity:0;clear:both}[v-cloak][data-v-b1b073b2]{display:none}.ev-checkbox[data-v-b1b073b2]{margin:0}.non-border[data-v-b1b073b2]{border:none!important}.is-empty[data-v-b1b073b2]{height:30px;text-align:center}.postgresql[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
 // Exports
 module.exports = exports;
 
@@ -7663,6 +7648,21 @@ exports.push([module.i, ".ev-window-scroll-lock{overflow:hidden!important}.ev-wi
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "84b2":
+/***/ (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__("40dc");
+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("56adb8ec", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "861d":
@@ -7940,7 +7940,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.29\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.32\"}");
 
 /***/ }),
 
@@ -8046,7 +8046,7 @@ module.exports = patchedExec;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".ev-tree-grid[data-v-25c719ae]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-25c719ae]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-25c719ae]{display:table}.ev-tree-grid.non-header[data-v-25c719ae]{padding-top:0}.ev-tree-grid .table-header[data-v-25c719ae]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-25c719ae]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-25c719ae]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-25c719ae],.column-list[data-v-25c719ae]{position:relative;height:100%}.column[data-v-25c719ae]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-25c719ae]{border-right:1px solid}.column[data-v-25c719ae]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-25c719ae]{cursor:default!important}.column .sort-icon[data-v-25c719ae]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-25c719ae]{font-size:13px;color:#005cc8}.column-name[data-v-25c719ae]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-25c719ae]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-25c719ae]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-25c719ae]{display:block;cursor:pointer}.column-filter-status[data-v-25c719ae]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-25c719ae]{font-size:10px;vertical-align:top}.column-resize[data-v-25c719ae]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-25c719ae]:hover{cursor:col-resize}.table-body[data-v-25c719ae]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-25c719ae]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-25c719ae]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-25c719ae]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-25c719ae]{border-bottom:1px solid}.table-body .row[data-v-25c719ae]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-25c719ae]{border-bottom:1px solid}.table-body .row.selected[data-v-25c719ae]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-25c719ae]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-25c719ae]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-25c719ae]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-25c719ae]{border-right:1px solid}.table-body .cell div[data-v-25c719ae]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-25c719ae]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-25c719ae]{overflow:initial}.table-body .cell.float[data-v-25c719ae],.table-body .cell.number[data-v-25c719ae]{text-align:right}.table-body .cell.string[data-v-25c719ae],.table-body .cell.stringNumber[data-v-25c719ae]{text-align:left}.table-body .cell.center[data-v-25c719ae]{text-align:center}.table-body .cell.left[data-v-25c719ae]{text-align:left}.table-body .cell.left .wrap[data-v-25c719ae]{justify-content:flex-start}.table-body .cell.right[data-v-25c719ae]{text-align:right}.table-body .cell.right .wrap[data-v-25c719ae]{justify-content:flex-end}.table-body .cell[data-v-25c719ae]:last-child{border-right:0}.table-body .cell.tree-td[data-v-25c719ae]{text-align:left!important}.table-resize-line[data-v-25c719ae]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-25c719ae]{border-right:1px solid}.vscroll-spacer[data-v-25c719ae]{opacity:0;clear:both}[v-cloak][data-v-25c719ae]{display:none}.ev-checkbox[data-v-25c719ae]{margin:0}.non-border[data-v-25c719ae]{border:none!important}.is-empty[data-v-25c719ae]{height:30px;text-align:center}", ""]);
+exports.push([module.i, ".ev-tree-grid[data-v-25c719ae]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-25c719ae]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-25c719ae]{display:table}.ev-tree-grid.non-header[data-v-25c719ae]{padding-top:0}.ev-tree-grid .table-header[data-v-25c719ae]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-25c719ae]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-25c719ae]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-25c719ae],.column-list[data-v-25c719ae]{position:relative;height:100%}.column[data-v-25c719ae]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-25c719ae]{border-right:1px solid}.column[data-v-25c719ae]:last-child{border-right:0}.column:last-child .column-resize[data-v-25c719ae]{cursor:default!important}.column .sort-icon[data-v-25c719ae]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-25c719ae]{font-size:13px;color:#005cc8}.column-name[data-v-25c719ae]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-25c719ae]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-25c719ae]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-25c719ae]{display:block;cursor:pointer}.column-filter-status[data-v-25c719ae]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-25c719ae]{font-size:10px;vertical-align:top}.column-resize[data-v-25c719ae]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-25c719ae]:hover{cursor:col-resize}.table-body[data-v-25c719ae]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-25c719ae]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-25c719ae]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-25c719ae]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-25c719ae]{border-bottom:1px solid}.table-body .row[data-v-25c719ae]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-25c719ae]{border-bottom:1px solid}.table-body .row.selected[data-v-25c719ae]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-25c719ae]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-25c719ae]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-25c719ae]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-25c719ae]{border-right:1px solid}.table-body .cell div[data-v-25c719ae]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-25c719ae]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-25c719ae]{overflow:initial}.table-body .cell.float[data-v-25c719ae],.table-body .cell.number[data-v-25c719ae]{text-align:right}.table-body .cell.string[data-v-25c719ae],.table-body .cell.stringNumber[data-v-25c719ae]{text-align:left}.table-body .cell.center[data-v-25c719ae]{text-align:center}.table-body .cell.left[data-v-25c719ae]{text-align:left}.table-body .cell.left .wrap[data-v-25c719ae]{justify-content:flex-start}.table-body .cell.right[data-v-25c719ae]{text-align:right}.table-body .cell.right .wrap[data-v-25c719ae]{justify-content:flex-end}.table-body .cell[data-v-25c719ae]:last-child{border-right:0}.table-body .cell.tree-td[data-v-25c719ae]{text-align:left!important}.table-resize-line[data-v-25c719ae]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-25c719ae]{border-right:1px solid}.vscroll-spacer[data-v-25c719ae]{opacity:0;clear:both}[v-cloak][data-v-25c719ae]{display:none}.ev-checkbox[data-v-25c719ae]{margin:0}.non-border[data-v-25c719ae]{border:none!important}.is-empty[data-v-25c719ae]{height:30px;text-align:center}", ""]);
 // Exports
 module.exports = exports;
 
@@ -9702,7 +9702,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__("fe56");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".ev-tree-grid[data-v-89ae5faa]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-89ae5faa]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-89ae5faa]{display:table}.ev-tree-grid.non-header[data-v-89ae5faa]{padding-top:0}.ev-tree-grid .table-header[data-v-89ae5faa]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-89ae5faa]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-89ae5faa]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-89ae5faa],.column-list[data-v-89ae5faa]{position:relative;height:100%}.column[data-v-89ae5faa]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-89ae5faa]{border-right:1px solid}.column[data-v-89ae5faa]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-89ae5faa]{cursor:default!important}.column .sort-icon[data-v-89ae5faa]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-89ae5faa]{font-size:13px;color:#005cc8}.column-name[data-v-89ae5faa]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-89ae5faa]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-89ae5faa]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-89ae5faa]{display:block;cursor:pointer}.column-filter-status[data-v-89ae5faa]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-89ae5faa]{font-size:10px;vertical-align:top}.column-resize[data-v-89ae5faa]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-89ae5faa]:hover{cursor:col-resize}.table-body[data-v-89ae5faa]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-89ae5faa]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-89ae5faa]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-89ae5faa]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-89ae5faa]{border-bottom:1px solid}.table-body .row[data-v-89ae5faa]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-89ae5faa]{border-bottom:1px solid}.table-body .row.selected[data-v-89ae5faa]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-89ae5faa]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-89ae5faa]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-89ae5faa]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-89ae5faa]{border-right:1px solid}.table-body .cell div[data-v-89ae5faa]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-89ae5faa]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-89ae5faa]{overflow:initial}.table-body .cell.float[data-v-89ae5faa],.table-body .cell.number[data-v-89ae5faa]{text-align:right}.table-body .cell.string[data-v-89ae5faa],.table-body .cell.stringNumber[data-v-89ae5faa]{text-align:left}.table-body .cell.center[data-v-89ae5faa]{text-align:center}.table-body .cell.left[data-v-89ae5faa]{text-align:left}.table-body .cell.left .wrap[data-v-89ae5faa]{justify-content:flex-start}.table-body .cell.right[data-v-89ae5faa]{text-align:right}.table-body .cell.right .wrap[data-v-89ae5faa]{justify-content:flex-end}.table-body .cell[data-v-89ae5faa]:last-child{border-right:0}.table-body .cell.tree-td[data-v-89ae5faa]{text-align:left!important}.table-resize-line[data-v-89ae5faa]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-89ae5faa]{border-right:1px solid}.vscroll-spacer[data-v-89ae5faa]{opacity:0;clear:both}[v-cloak][data-v-89ae5faa]{display:none}.ev-checkbox[data-v-89ae5faa]{margin:0}.non-border[data-v-89ae5faa]{border:none!important}.is-empty[data-v-89ae5faa]{height:30px;text-align:center}.ev-tree-toggle[data-v-89ae5faa]{display:inline-block;width:13px;margin-right:4px;text-align:center;vertical-align:middle}.ev-tree-toggle .tree-expand-icon[data-v-89ae5faa]{border:none;background:transparent;outline:none;cursor:pointer}.ev-tree-toggle .tree-expand-icon i[data-v-89ae5faa]{display:inline-block;top:-3px;width:11px;height:10px;background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -43px -61px}.ev-tree-toggle.expand>.tree-expand-icon i[data-v-89ae5faa]{height:8px;background-position:-15px -63px}.ev-tree-toggle .tree-child-icon i[data-v-89ae5faa],.ev-tree-toggle .tree-parent-icon i[data-v-89ae5faa]{display:inline-block;top:-3px;width:14px;height:14px}.ev-tree-toggle .tree-parent-icon i[data-v-89ae5faa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -39px -35px}.ev-tree-toggle.expand>.tree-parent-icon i[data-v-89ae5faa]{background-position:-65px -35px}.ev-tree-toggle .tree-child-icon i[data-v-89ae5faa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -14px -35px}", ""]);
+exports.push([module.i, ".ev-tree-grid[data-v-89ae5faa]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-89ae5faa]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-89ae5faa]{display:table}.ev-tree-grid.non-header[data-v-89ae5faa]{padding-top:0}.ev-tree-grid .table-header[data-v-89ae5faa]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-89ae5faa]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-89ae5faa]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-89ae5faa],.column-list[data-v-89ae5faa]{position:relative;height:100%}.column[data-v-89ae5faa]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-89ae5faa]{border-right:1px solid}.column[data-v-89ae5faa]:last-child{border-right:0}.column:last-child .column-resize[data-v-89ae5faa]{cursor:default!important}.column .sort-icon[data-v-89ae5faa]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-89ae5faa]{font-size:13px;color:#005cc8}.column-name[data-v-89ae5faa]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-89ae5faa]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-89ae5faa]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-89ae5faa]{display:block;cursor:pointer}.column-filter-status[data-v-89ae5faa]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-89ae5faa]{font-size:10px;vertical-align:top}.column-resize[data-v-89ae5faa]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-89ae5faa]:hover{cursor:col-resize}.table-body[data-v-89ae5faa]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-89ae5faa]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-89ae5faa]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-89ae5faa]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-89ae5faa]{border-bottom:1px solid}.table-body .row[data-v-89ae5faa]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-89ae5faa]{border-bottom:1px solid}.table-body .row.selected[data-v-89ae5faa]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-89ae5faa]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-89ae5faa]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-89ae5faa]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-89ae5faa]{border-right:1px solid}.table-body .cell div[data-v-89ae5faa]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-89ae5faa]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-89ae5faa]{overflow:initial}.table-body .cell.float[data-v-89ae5faa],.table-body .cell.number[data-v-89ae5faa]{text-align:right}.table-body .cell.string[data-v-89ae5faa],.table-body .cell.stringNumber[data-v-89ae5faa]{text-align:left}.table-body .cell.center[data-v-89ae5faa]{text-align:center}.table-body .cell.left[data-v-89ae5faa]{text-align:left}.table-body .cell.left .wrap[data-v-89ae5faa]{justify-content:flex-start}.table-body .cell.right[data-v-89ae5faa]{text-align:right}.table-body .cell.right .wrap[data-v-89ae5faa]{justify-content:flex-end}.table-body .cell[data-v-89ae5faa]:last-child{border-right:0}.table-body .cell.tree-td[data-v-89ae5faa]{text-align:left!important}.table-resize-line[data-v-89ae5faa]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-89ae5faa]{border-right:1px solid}.vscroll-spacer[data-v-89ae5faa]{opacity:0;clear:both}[v-cloak][data-v-89ae5faa]{display:none}.ev-checkbox[data-v-89ae5faa]{margin:0}.non-border[data-v-89ae5faa]{border:none!important}.is-empty[data-v-89ae5faa]{height:30px;text-align:center}.ev-tree-toggle[data-v-89ae5faa]{display:inline-block;width:13px;margin-right:4px;text-align:center;vertical-align:middle}.ev-tree-toggle .tree-expand-icon[data-v-89ae5faa]{border:none;background:transparent;outline:none;cursor:pointer}.ev-tree-toggle .tree-expand-icon i[data-v-89ae5faa]{display:inline-block;top:-3px;width:11px;height:10px;background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -43px -61px}.ev-tree-toggle.expand>.tree-expand-icon i[data-v-89ae5faa]{height:8px;background-position:-15px -63px}.ev-tree-toggle .tree-child-icon i[data-v-89ae5faa],.ev-tree-toggle .tree-parent-icon i[data-v-89ae5faa]{display:inline-block;top:-3px;width:14px;height:14px}.ev-tree-toggle .tree-parent-icon i[data-v-89ae5faa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -39px -35px}.ev-tree-toggle.expand>.tree-parent-icon i[data-v-89ae5faa]{background-position:-65px -35px}.ev-tree-toggle .tree-child-icon i[data-v-89ae5faa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -14px -35px}", ""]);
 // Exports
 module.exports = exports;
 
@@ -10301,7 +10301,7 @@ module.exports = {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".ev-grid[data-v-fd0ffe52]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-fd0ffe52]{overflow:auto}.ev-grid--empty .table-header[data-v-fd0ffe52]{display:table}.ev-grid.non-header[data-v-fd0ffe52]{padding-top:0}.ev-grid .table-header[data-v-fd0ffe52]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-fd0ffe52]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-fd0ffe52]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-fd0ffe52]{border-right:1px solid}.column[data-v-fd0ffe52]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-fd0ffe52]{cursor:default!important}.column .sort-icon[data-v-fd0ffe52]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-fd0ffe52]{font-size:13px;color:#005cc8}.column-name[data-v-fd0ffe52]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-fd0ffe52]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-fd0ffe52]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-fd0ffe52]{display:block;cursor:pointer}.column-filter-status[data-v-fd0ffe52]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-fd0ffe52]{font-size:10px;vertical-align:top}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-fd0ffe52]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-fd0ffe52]{border-right:1px solid}.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-body .cell[data-v-fd0ffe52]:last-child{border-right:0}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.grid-summary[data-v-fd0ffe52]{width:100%;overflow:hidden;border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-fd0ffe52]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-fd0ffe52]{border-bottom:none!important}.grid-summary span[data-v-fd0ffe52]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary span>div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-summary .column.float[data-v-fd0ffe52],.grid-summary .column.number[data-v-fd0ffe52]{text-align:right}.grid-summary .column.string[data-v-fd0ffe52],.grid-summary .column.stringNumber[data-v-fd0ffe52]{text-align:left}.grid-summary .column.center[data-v-fd0ffe52]{text-align:center}.grid-summary .column.left[data-v-fd0ffe52]{text-align:left}.grid-summary .column.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.grid-summary .column.right[data-v-fd0ffe52]{text-align:right}.grid-summary .column.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}", ""]);
+exports.push([module.i, ".ev-grid[data-v-fd0ffe52]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-fd0ffe52]{overflow:auto}.ev-grid--empty .table-header[data-v-fd0ffe52]{display:table}.ev-grid.non-header[data-v-fd0ffe52]{padding-top:0}.ev-grid .table-header[data-v-fd0ffe52]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-fd0ffe52]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-fd0ffe52]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-fd0ffe52]{border-right:1px solid}.column[data-v-fd0ffe52]:last-child{border-right:0}.column:last-child .column-resize[data-v-fd0ffe52]{cursor:default!important}.column .sort-icon[data-v-fd0ffe52]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-fd0ffe52]{font-size:13px;color:#005cc8}.column-name[data-v-fd0ffe52]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-fd0ffe52]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-fd0ffe52]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-fd0ffe52]{display:block;cursor:pointer}.column-filter-status[data-v-fd0ffe52]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-fd0ffe52]{font-size:10px;vertical-align:top}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-fd0ffe52]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-fd0ffe52]{border-right:1px solid}.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-body .cell[data-v-fd0ffe52]:last-child{border-right:0}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.grid-summary[data-v-fd0ffe52]{width:100%;overflow:hidden;border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-fd0ffe52]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-fd0ffe52]{border-bottom:none!important}.grid-summary span[data-v-fd0ffe52]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary span>div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-summary .column.float[data-v-fd0ffe52],.grid-summary .column.number[data-v-fd0ffe52]{text-align:right}.grid-summary .column.string[data-v-fd0ffe52],.grid-summary .column.stringNumber[data-v-fd0ffe52]{text-align:left}.grid-summary .column.center[data-v-fd0ffe52]{text-align:center}.grid-summary .column.left[data-v-fd0ffe52]{text-align:left}.grid-summary .column.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.grid-summary .column.right[data-v-fd0ffe52]{text-align:right}.grid-summary .column.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}", ""]);
 // Exports
 module.exports = exports;
 
@@ -30814,9 +30814,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=df219c50
+// 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=1fece3ae
 
-function Chartvue_type_template_id_df219c50_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Chartvue_type_template_id_1fece3ae_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", {
@@ -30825,7 +30825,7 @@ function Chartvue_type_template_id_df219c50_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=df219c50
+// CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=template&id=1fece3ae
 
 // CONCATENATED MODULE: ./node_modules/lodash-es/_arrayEach.js
 /**
@@ -32148,6 +32148,7 @@ function reverse(array) {
 
 
 
+
 /* harmony default export */ var helpers_util = ({
   /**
    * Transforming hex to rgb code
@@ -32468,6 +32469,17 @@ function reverse(array) {
   },
   isDoughnutHole: function isDoughnutHole(type) {
     return type === 'doughnut' || type === 'sunburst';
+  },
+  setDOMStyle: function setDOMStyle(targetDOM, styleObject) {
+    var _Object$keys;
+
+    if (!targetDOM || !styleObject) {
+      return;
+    }
+
+    (_Object$keys = Object.keys(styleObject)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (key) {
+      targetDOM.style[key] = styleObject[key];
+    });
   }
 });
 // CONCATENATED MODULE: ./src/components/chart/model/model.store.js
@@ -32490,6 +32502,7 @@ function reverse(array) {
 
 
 
+
 
 var modules = {
   /**
@@ -33646,6 +33659,37 @@ var modules = {
     }
 
     return null;
+  },
+
+  /**
+   * Get Aggregations (
+   * @returns {{}}
+   */
+  getAggregations: function getAggregations() {
+    var allData = this.data.data;
+    var series = this.data.series;
+    var aggregationDataSet = {};
+    var seriesIds = Object.keys(series);
+    seriesIds === null || seriesIds === void 0 ? void 0 : seriesIds.forEach(function (sId) {
+      var dataList = allData[sId].map(function (data) {
+        return data.value ? data.value : data;
+      });
+      var min = Math.min.apply(Math, _toConsumableArray(dataList));
+      var max = Math.max.apply(Math, _toConsumableArray(dataList));
+      var total = dataList.reduce(function (a, b) {
+        return a + b;
+      }, 0);
+      var avg = total / dataList.length || 0;
+      var last = dataList[dataList.length - 1];
+      aggregationDataSet[sId] = {
+        min: min,
+        max: max,
+        avg: avg,
+        total: total,
+        last: last
+      };
+    });
+    return aggregationDataSet;
   }
 };
 /* harmony default export */ var model_store = (modules);
@@ -34900,7 +34944,6 @@ var element_line_Line = /*#__PURE__*/function () {
     });
     this.type = 'line';
     this.sId = sId;
-    this.state = 'normal';
     this.extent = {
       downplay: {
         opacity: 0.1,
@@ -34931,7 +34974,11 @@ var element_line_Line = /*#__PURE__*/function () {
   _createClass(Line, [{
     key: "draw",
     value: function draw(param) {
-      var _selectedLabel$dataIn,
+      var _selectLabel$selected,
+          _selectLabel$selected2,
+          _selectSeries$option,
+          _selectSeries$selecte,
+          _selectSeries$selecte2,
           _this2 = this;
 
       if (!this.show) {
@@ -34942,24 +34989,39 @@ var element_line_Line = /*#__PURE__*/function () {
           chartRect = param.chartRect,
           labelOffset = param.labelOffset,
           axesSteps = param.axesSteps,
-          selectLabel = param.selectLabel;
-      var extent = this.extent[this.state];
-      var selectLabelOption = selectLabel.option;
-      var selectedLabel = selectLabel.selected;
-      var isExistSelectedLabel = selectLabelOption.use && selectLabelOption.useSeriesOpacity && ((_selectedLabel$dataIn = selectedLabel.dataIndex) === null || _selectedLabel$dataIn === void 0 ? void 0 : _selectedLabel$dataIn.length) > 0;
-      var downplayOpacity = this.extent.downplay.opacity;
-      var fillOpacity = isExistSelectedLabel ? this.fillOpacity * downplayOpacity : this.fillOpacity * extent.opacity;
-      var lineWidth = this.lineWidth * extent.lineWidth;
+          selectLabel = param.selectLabel,
+          selectSeries = param.selectSeries,
+          legendHitInfo = param.legendHitInfo; // about selectLabel
+
+      var selectLabelOption = selectLabel === null || selectLabel === void 0 ? void 0 : selectLabel.option;
+      var useSelectLabel = (selectLabelOption === null || selectLabelOption === void 0 ? void 0 : selectLabelOption.use) && (selectLabelOption === null || selectLabelOption === void 0 ? void 0 : selectLabelOption.useSeriesOpacity);
+      var selectedLabelIndexList = (_selectLabel$selected = selectLabel === null || selectLabel === void 0 ? void 0 : (_selectLabel$selected2 = selectLabel.selected) === null || _selectLabel$selected2 === void 0 ? void 0 : _selectLabel$selected2.dataIndex) !== null && _selectLabel$selected !== void 0 ? _selectLabel$selected : []; // set Style
+
+      var extent;
+
+      if (legendHitInfo) {
+        extent = this.extent[(legendHitInfo === null || legendHitInfo === void 0 ? void 0 : legendHitInfo.sId) === this.sId ? 'highlight' : 'downplay'];
+      } else if (selectSeries !== null && selectSeries !== void 0 && (_selectSeries$option = selectSeries.option) !== null && _selectSeries$option !== void 0 && _selectSeries$option.use && selectSeries !== null && selectSeries !== void 0 && (_selectSeries$selecte = selectSeries.selected) !== null && _selectSeries$selecte !== void 0 && (_selectSeries$selecte2 = _selectSeries$selecte.seriesId) !== null && _selectSeries$selecte2 !== void 0 && _selectSeries$selecte2.length) {
+        var _selectSeries$selecte3, _selectSeries$selecte4;
+
+        var isSelectedSeries = selectSeries === null || selectSeries === void 0 ? void 0 : (_selectSeries$selecte3 = selectSeries.selected) === null || _selectSeries$selecte3 === void 0 ? void 0 : (_selectSeries$selecte4 = _selectSeries$selecte3.seriesId) === null || _selectSeries$selecte4 === void 0 ? void 0 : _selectSeries$selecte4.includes(this.sId);
+        extent = this.extent[isSelectedSeries ? 'highlight' : 'downplay'];
+      } else if (useSelectLabel && selectedLabelIndexList.length) {
+        extent = this.extent.downplay;
+      } else {
+        extent = this.extent.normal;
+      }
 
       var getOpacity = function getOpacity(colorStr) {
-        var noneDownplayOpacity = colorStr.includes('rgba') ? helpers_util.getOpacity(colorStr) : 1;
-        return _this2.state === 'downplay' || isExistSelectedLabel ? 0.1 : noneDownplayOpacity;
+        return colorStr.includes('rgba') ? helpers_util.getOpacity(colorStr) : extent.opacity;
       };
 
       var mainColor = this.color;
       var mainColorOpacity = getOpacity(mainColor);
       var pointFillColor = this.pointFill;
       var pointFillColorOpacity = getOpacity(pointFillColor);
+      var fillOpacity = getOpacity(mainColor) * this.fillOpacity;
+      var lineWidth = this.lineWidth * extent.lineWidth;
       ctx.beginPath();
       ctx.save();
       ctx.lineJoin = 'round';
@@ -35062,19 +35124,23 @@ var element_line_Line = /*#__PURE__*/function () {
           }
         });
         ctx.fill();
-      }
+      } // Draw points
+
 
-      if (this.point || isExistSelectedLabel) {
+      if (this.point || useSelectLabel) {
         ctx.strokeStyle = helpers_util.colorStringToRgba(mainColor, mainColorOpacity);
         var focusStyle = helpers_util.colorStringToRgba(pointFillColor, 1);
         var blurStyle = helpers_util.colorStringToRgba(pointFillColor, pointFillColorOpacity);
-        this.data.forEach(function (curr, i) {
-          if (curr.xp !== null && curr.yp !== null) {
-            ctx.fillStyle = isExistSelectedLabel && selectedLabel.dataIndex.includes(i) ? focusStyle : blurStyle;
+        this.data.forEach(function (curr, ix) {
+          var isSelectedLabel = selectedLabelIndexList.includes(ix);
 
-            if (_this2.point || selectedLabel.dataIndex.includes(i)) {
-              helpers_canvas.drawPoint(ctx, _this2.pointStyle, _this2.pointSize, curr.xp, curr.yp);
-            }
+          if (curr.xp === null || curr.yp === null) {
+            return;
+          }
+
+          if (_this2.point || isSelectedLabel) {
+            ctx.fillStyle = isSelectedLabel && !legendHitInfo ? focusStyle : blurStyle;
+            helpers_canvas.drawPoint(ctx, _this2.pointStyle, _this2.pointSize, curr.xp, curr.yp);
           }
         });
       }
@@ -35369,22 +35435,17 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
 
       var getOpacity = function getOpacity(colorStr, dataIndex) {
         var noneDownplayOpacity = colorStr.includes('rgba') ? helpers_util.getOpacity(colorStr) : 1;
-        var resultOpacity = noneDownplayOpacity;
-        var selectInfo = param.selectInfo;
+        var isDownplay = false;
+        var selectInfo = param.selectInfo,
+            legendHitInfo = param.legendHitInfo;
 
-        if (selectInfo) {
-          var isSelectedData = (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.seriesID) === _this2.sId && (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.dataIndex) === dataIndex;
-
-          if (isSelectedData) {
-            resultOpacity = noneDownplayOpacity;
-          } else {
-            resultOpacity = 0.1;
-          }
-        } else {
-          resultOpacity = _this2.state === 'downplay' ? 0.1 : noneDownplayOpacity;
+        if (legendHitInfo) {
+          isDownplay = legendHitInfo.sId !== _this2.sId;
+        } else if (selectInfo) {
+          isDownplay = (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.seriesID) !== _this2.sId || (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.dataIndex) !== dataIndex;
         }
 
-        return resultOpacity;
+        return isDownplay ? 0.1 : noneDownplayOpacity;
       };
 
       this.data.forEach(function (curr, idx) {
@@ -35590,7 +35651,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
       var h;
       bArea = cArea > cPad * 2 ? cArea - cPad * 2 : cArea;
       bArea = this.isExistGrp ? bArea : bArea / showSeriesCount;
-      var size = Math.round(bArea * thickness);
+      var size = Math.ceil(bArea * thickness);
       w = isHorizontal ? null : size;
       h = isHorizontal ? size : null;
       var bPad = isHorizontal ? (bArea - h) / 2 : (bArea - w) / 2;
@@ -35607,7 +35668,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
       this.borderRadius = param.borderRadius;
       var categoryPoint = null;
       this.data.forEach(function (dataItem, index) {
-        var _param$selectLabel$se;
+        var _param$selectLabel, _param$selectLabel$se, _param$selectLabel2, _param$selectLabel2$s;
 
         ctx.beginPath();
         var item = dataItem;
@@ -35643,11 +35704,16 @@ var element_bar_Bar = /*#__PURE__*/function () {
         }
 
         var barColor = item.dataColor || _this2.color;
-        var selectLabelOption = param.selectLabel.option;
-        var selectedLabel = (_param$selectLabel$se = param.selectLabel.selected) !== null && _param$selectLabel$se !== void 0 ? _param$selectLabel$se : {
-          dataIndex: []
-        };
-        var isDownplay = selectLabelOption.use && selectLabelOption.useSeriesOpacity ? selectedLabel.dataIndex.length && !selectedLabel.dataIndex.includes(index) : _this2.state === 'downplay';
+        var legendHitInfo = param === null || param === void 0 ? void 0 : param.legendHitInfo;
+        var selectLabelOption = param === null || param === void 0 ? void 0 : (_param$selectLabel = param.selectLabel) === null || _param$selectLabel === void 0 ? void 0 : _param$selectLabel.option;
+        var selectedLabelList = (_param$selectLabel$se = param === null || param === void 0 ? void 0 : (_param$selectLabel2 = param.selectLabel) === null || _param$selectLabel2 === void 0 ? void 0 : (_param$selectLabel2$s = _param$selectLabel2.selected) === null || _param$selectLabel2$s === void 0 ? void 0 : _param$selectLabel2$s.dataIndex) !== null && _param$selectLabel$se !== void 0 ? _param$selectLabel$se : [];
+        var isDownplay = false;
+
+        if (legendHitInfo) {
+          isDownplay = (legendHitInfo === null || legendHitInfo === void 0 ? void 0 : legendHitInfo.sId) !== _this2.sId;
+        } else if (selectLabelOption !== null && selectLabelOption !== void 0 && selectLabelOption.use && selectLabelOption !== null && selectLabelOption !== void 0 && selectLabelOption.useSeriesOpacity) {
+          isDownplay = selectedLabelList.length && !selectedLabelList.includes(index);
+        }
 
         if (typeof barColor !== 'string') {
           ctx.fillStyle = helpers_canvas.createGradient(ctx, isHorizontal, {
@@ -36234,9 +36300,10 @@ var element_bar_time_TimeBar = /*#__PURE__*/function (_Bar) {
         bArea = (cArea - cPad * 2) / showSeriesCount;
       }
 
-      var w = isHorizontal ? null : Math.round(bArea * thickness);
-      var subW = isHorizontal ? null : Math.round(bArea * thickness);
-      var h = isHorizontal ? Math.round(bArea * thickness) : null;
+      var size = Math.ceil(bArea * thickness);
+      var w = isHorizontal ? null : size;
+      var subW = isHorizontal ? null : size;
+      var h = isHorizontal ? size : null;
       var bPad = isHorizontal ? (bArea - h) / 2 : (bArea - w) / 2;
       var barSeriesX = this.isExistGrp ? 1 : showIndex + 1;
       this.size.cat = cArea;
@@ -36393,7 +36460,6 @@ var element_pie_Pie = /*#__PURE__*/function () {
     this.doughnutHoleSize = 0;
     this.startAngle = 0;
     this.endAngle = 0;
-    this.state = null;
     this.ctx = null;
     this.isSelect = false;
   }
@@ -36417,7 +36483,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
       var radius = this.isSelect ? this.radius + 5 : this.radius;
       var color = this.color;
       var noneDownplayOpacity = color.includes('rgba') ? helpers_util.getOpacity(color) : 1;
-      var opacity = this.state === 'downplay' ? 0.1 : noneDownplayOpacity;
+      var opacity = this.isDownplay ? 0.1 : noneDownplayOpacity;
       ctx.beginPath();
       slice.moveTo(this.centerX, this.centerY);
       slice.arc(this.centerX, this.centerY, radius, this.startAngle, this.endAngle);
@@ -36490,7 +36556,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
   }, {
     key: "itemHighlight",
     value: function itemHighlight(item, context) {
-      var _this$showValue2;
+      var _item$data, _this$showValue2;
 
       var ctx = context;
       var radius = this.isSelect ? this.radius + 5 : this.radius;
@@ -36498,7 +36564,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
       ctx.shadowOffsetX = 0;
       ctx.shadowOffsetY = 0;
       ctx.shadowBlur = 4;
-      var color = item.data.dataColor || this.color;
+      var color = (item === null || item === void 0 ? void 0 : (_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.dataColor) || this.color;
       ctx.fillStyle = color;
       ctx.shadowColor = color;
       ctx.beginPath();
@@ -39286,6 +39352,10 @@ var plugins_title_modules = {
 
 
 
+
+
+
+
 var plugins_legend_modules = {
   /**
    * Create legend DOM
@@ -39308,10 +39378,52 @@ var plugins_legend_modules = {
       this.wrapperDOM.appendChild(this.resizeDOM);
     }
 
+    if (this.useTable) {
+      this.legendTableDOM = document.createElement('table');
+      this.legendTableDOM.className = 'ev-chart-legend--table';
+      this.setLegendColumnHeader();
+      this.legendBoxDOM.appendChild(this.legendTableDOM);
+      this.legendDOM.style.overflow = 'auto';
+    }
+
     this.legendDOM.appendChild(this.legendBoxDOM);
     this.wrapperDOM.appendChild(this.legendDOM);
   },
 
+  /**
+   * Create and append Table Header DOM
+   * Only chartOption > legend > table > use : true
+   *
+   * @returns {undefined}
+   */
+  setLegendColumnHeader: function setLegendColumnHeader() {
+    var _this$options$legend2,
+        _this = this;
+
+    var tableOpt = (_this$options$legend2 = this.options.legend) === null || _this$options$legend2 === void 0 ? void 0 : _this$options$legend2.table;
+    var columns = tableOpt.columns;
+    var columnKeyList = ['color'].concat(_toConsumableArray(Object.keys(columns)));
+    columnKeyList.forEach(function (key) {
+      var _columns$key;
+
+      var columnNameDOM = document.createElement('th');
+      columnNameDOM.className = 'ev-chart-legend--table__column-name';
+
+      if ((_columns$key = columns[key]) !== null && _columns$key !== void 0 && _columns$key.use || key === 'color' || key === 'name') {
+        var _columnOpt$title, _tableOpt$style;
+
+        var columnOpt = columns[key];
+        var keyText = (_columnOpt$title = columnOpt === null || columnOpt === void 0 ? void 0 : columnOpt.title) !== null && _columnOpt$title !== void 0 ? _columnOpt$title : '';
+        columnNameDOM.textContent = keyText;
+        columnNameDOM.setAttribute('title', keyText);
+        columnNameDOM.dataset.type = keyText;
+        helpers_util.setDOMStyle(columnNameDOM, tableOpt === null || tableOpt === void 0 ? void 0 : (_tableOpt$style = tableOpt.style) === null || _tableOpt$style === void 0 ? void 0 : _tableOpt$style.header);
+
+        _this.legendTableDOM.append(columnNameDOM);
+      }
+    });
+  },
+
   /**
    * Initialize legend
    * If there was no initialization, create DOM and set default layout.
@@ -39320,7 +39432,10 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   initLegend: function initLegend() {
+    var _this$options$legend3, _this$options$legend4;
+
     this.isHeatMapType = this.options.type === 'heatMap';
+    this.useTable = !!((_this$options$legend3 = this.options.legend) !== null && _this$options$legend3 !== void 0 && (_this$options$legend4 = _this$options$legend3.table) !== null && _this$options$legend4 !== void 0 && _this$options$legend4.use) && this.options.type !== 'heatmap' && this.options.type !== 'scatter';
 
     if (!this.isInitLegend) {
       this.createLegendLayout();
@@ -39347,25 +39462,44 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   addLegendList: function addLegendList() {
-    var _this = this;
+    var _this2 = this;
 
     var groups = this.data.groups;
     var seriesList = this.seriesList;
     groups.forEach(function (group) {
       group.slice().reverse().forEach(function (sId) {
-        if (seriesList[sId] && seriesList[sId].showLegend) {
-          _this.addLegend(seriesList[sId]);
+        var series = seriesList[sId];
+
+        if (series && series.showLegend) {
+          if (_this2.useTable) {
+            _this2.addLegendWithValues(series);
+          } else {
+            _this2.addLegend(series);
+          }
         }
       });
     });
     Object.values(seriesList).forEach(function (series) {
-      if (!series.isExistGrp && series.showLegend) {
-        _this.addLegend(series);
+      if (series.isExistGrp || !series.showLegend) {
+        return;
+      }
+
+      if (_this2.useTable) {
+        _this2.addLegendWithValues(series);
+      } else {
+        _this2.addLegend(series);
       }
     });
   },
+
+  /**
+   * Add Legend with Color Information
+   * Only Heatmap chart
+   *
+   * @returns {undefined}
+   */
   addColorLegendList: function addColorLegendList() {
-    var _this2 = this;
+    var _this3 = this;
 
     var seriesList = this.seriesList;
     Object.values(seriesList).forEach(function (series) {
@@ -39407,7 +39541,7 @@ var plugins_legend_modules = {
             name = minValue;
           }
 
-          _this2.addLegend({
+          _this3.addLegend({
             cId: colorItem.id,
             color: colorItem.color,
             name: name
@@ -39417,45 +39551,72 @@ var plugins_legend_modules = {
     });
   },
 
+  /**
+   * Get Container DOM by Event Object
+   * @param e Event
+   *
+   * @returns {Element}
+   */
+  getContainerDOM: function getContainerDOM(e) {
+    var targetDOM = null;
+    var type = e.target.dataset.type;
+    var childTypes = ['name', 'color', 'min', 'max', 'avg', 'total', 'last'];
+
+    if (type === 'container') {
+      targetDOM = e.target;
+    } else if (childTypes.includes(type)) {
+      var _targetDOM;
+
+      targetDOM = e.target.parentElement;
+
+      if (!((_targetDOM = targetDOM) !== null && _targetDOM !== void 0 && _targetDOM.series)) {
+        targetDOM = targetDOM.parentElement;
+      }
+    }
+
+    return targetDOM;
+  },
+
   /**
    * Initialize legend event
    *
    * @returns {undefined}
    */
   initEvent: function initEvent() {
-    var _this3 = this;
+    var _this4 = this;
 
     if (this.isInitLegend) {
       return;
     }
+
+    var classList = {
+      container: "ev-chart-legend".concat(this.useTable ? '--table__container' : '-container'),
+      color: "ev-chart-legend".concat(this.useTable ? '--table__color' : '-color'),
+      name: "ev-chart-legend".concat(this.useTable ? '--table__name' : '-name'),
+      value: "ev-chart-legend".concat(this.useTable ? '--table__value' : '-value')
+    };
     /**
      * callback for legendBoxDOM to show/hide clicked series
      *
      * @returns {undefined}
      */
 
-
     this.onLegendBoxClick = function (e) {
-      var _targetDOM, _targetDOM2;
+      var opt = _this4.options.legend;
 
-      var opt = _this3.options.legend;
-      var type = e.target.dataset.type;
-      var targetDOM;
+      var targetDOM = _this4.getContainerDOM(e);
 
-      if (type === 'container') {
-        targetDOM = e.target;
-      } else if (type === 'name' || type === 'color') {
-        targetDOM = e.target.parentElement;
-      } else {
+      if (!targetDOM) {
         return;
       }
 
-      var colorDOM = (_targetDOM = targetDOM) === null || _targetDOM === void 0 ? void 0 : _targetDOM.getElementsByClassName('ev-chart-legend-color')[0];
-      var nameDOM = (_targetDOM2 = targetDOM) === null || _targetDOM2 === void 0 ? void 0 : _targetDOM2.getElementsByClassName('ev-chart-legend-name')[0];
-      var isActive = !(colorDOM !== null && colorDOM !== void 0 && colorDOM.className.includes('inactive'));
-      var series = nameDOM === null || nameDOM === void 0 ? void 0 : nameDOM.series;
+      var series = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.series;
+      var colorDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName(classList.color)[0];
+      var nameDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName(classList.name)[0];
+      var valueDOMList = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName(classList.value);
+      var isActive = !(targetDOM !== null && targetDOM !== void 0 && targetDOM.className.includes('inactive'));
 
-      if (isActive && _this3.seriesInfo.count === 1) {
+      if (isActive && _this4.seriesInfo.count === 1) {
         return;
       }
 
@@ -39464,12 +39625,16 @@ var plugins_legend_modules = {
       }
 
       if (isActive) {
-        _this3.seriesInfo.count--;
-        colorDOM.style.backgroundColor = opt.inactive;
-        colorDOM.style.borderColor = opt.inactive;
-        nameDOM.style.color = opt.inactive;
+        _this4.seriesInfo.count--;
+        var inactiveColor = opt.inactive;
+        colorDOM.style.backgroundColor = inactiveColor;
+        colorDOM.style.borderColor = inactiveColor;
+        nameDOM.style.color = inactiveColor;
+        valueDOMList === null || valueDOMList === void 0 ? void 0 : valueDOMList.forEach(function (dom) {
+          dom.style.color = inactiveColor;
+        });
       } else {
-        _this3.seriesInfo.count++;
+        _this4.seriesInfo.count++;
         var seriesColor;
 
         if (typeof series.color !== 'string') {
@@ -39487,13 +39652,18 @@ var plugins_legend_modules = {
         }
 
         nameDOM.style.color = opt.color;
+        valueDOMList === null || valueDOMList === void 0 ? void 0 : valueDOMList.forEach(function (dom) {
+          var _opt$table, _opt$table$columns$do;
+
+          var style = (_opt$table = opt.table) === null || _opt$table === void 0 ? void 0 : (_opt$table$columns$do = _opt$table.columns[dom.dataset.type]) === null || _opt$table$columns$do === void 0 ? void 0 : _opt$table$columns$do.style;
+          dom.style.color = style !== null && style !== void 0 && style.color ? style.color : opt.color;
+        });
       }
 
       series.show = !series.show;
-      colorDOM.classList.toggle('inactive');
-      nameDOM.classList.toggle('inactive');
+      targetDOM.classList.toggle('inactive');
 
-      _this3.update({
+      _this4.update({
         updateSeries: false,
         updateSelTip: {
           update: true,
@@ -39509,42 +39679,29 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxOver = function (e) {
-      var _this3$defaultSelectI, _this3$defaultSelectI2;
+      var _targetDOM$series;
 
-      var type = e.target.dataset.type;
-      var targetDOM;
+      var targetDOM = _this4.getContainerDOM(e);
 
-      if (type === 'container') {
-        targetDOM = e.target;
-      } else if (type === 'name' || type === 'color') {
-        targetDOM = e.target.parentElement;
-      } else {
+      if (!targetDOM) {
         return;
       }
 
-      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 || selectSeriesOption.use && selectedList.includes(targetId) ? 'highlight' : 'downplay';
-      });
-      var hitInfo = null;
-
-      if (helpers_util.isPieType(_this3.options.type)) {
-        hitInfo = {
-          sId: targetId,
-          type: _this3.options.type
-        };
-      }
+      var targetId = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series = targetDOM.series) === null || _targetDOM$series === void 0 ? void 0 : _targetDOM$series.sId;
+      var legendHitInfo = {
+        sId: targetId,
+        type: _this4.options.type
+      };
 
-      _this3.update({
+      _this4.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
           keepDomain: false
         },
-        hitInfo: hitInfo
+        hitInfo: {
+          legend: legendHitInfo
+        }
       });
     };
     /**
@@ -39555,23 +39712,14 @@ 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) {
-        if (selectSeriesOption.use && selectedList.length) {
-          series.state = selectedList.includes(series.sId) ? 'highlight' : 'downplay';
-        } else {
-          series.state = 'normal';
-        }
-      });
-
-      _this3.update({
+      _this4.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
           keepDomain: false
+        },
+        hitInfo: {
+          legend: null
         }
       });
     };
@@ -39581,8 +39729,13 @@ var plugins_legend_modules = {
     this.legendBoxDOM.addEventListener('mouseleave', this.onLegendBoxLeave);
     this.initResizeEvent();
   },
+
+  /**
+   * Init Event on Color Legend
+   * Only Heatmap
+   */
   initEventForColorLegend: function initEventForColorLegend() {
-    var _this4 = this;
+    var _this5 = this;
 
     if (this.isInitLegend) {
       return;
@@ -39595,25 +39748,21 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxClick = function (e) {
-      var _targetDOM3, _targetDOM4;
+      var _targetDOM$series2;
 
-      var opt = _this4.options.legend;
-      var series = Object.values(_this4.seriesList)[0];
-      var type = e.target.dataset.type;
-      var targetDOM;
+      var opt = _this5.options.legend;
+      var series = Object.values(_this5.seriesList)[0];
 
-      if (type === 'container') {
-        targetDOM = e.target;
-      } else if (type === 'name' || type === 'color') {
-        targetDOM = e.target.parentElement;
-      } else {
+      var targetDOM = _this5.getContainerDOM(e);
+
+      if (!targetDOM) {
         return;
       }
 
-      var colorDOM = (_targetDOM3 = targetDOM) === null || _targetDOM3 === void 0 ? void 0 : _targetDOM3.getElementsByClassName('ev-chart-legend-color')[0];
-      var nameDOM = (_targetDOM4 = targetDOM) === null || _targetDOM4 === void 0 ? void 0 : _targetDOM4.getElementsByClassName('ev-chart-legend-name')[0];
+      var colorDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName('ev-chart-legend-color')[0];
+      var nameDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName('ev-chart-legend-name')[0];
+      var targetId = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series2 = targetDOM.series) === null || _targetDOM$series2 === void 0 ? void 0 : _targetDOM$series2.cId;
       var isActive = !(colorDOM !== null && colorDOM !== void 0 && colorDOM.className.includes('inactive'));
-      var targetId = nameDOM.series.cId;
       var activeCount = series.colorState.filter(function (colorItem) {
         return colorItem.show;
       }).length;
@@ -39631,7 +39780,9 @@ var plugins_legend_modules = {
         colorDOM.style.borderColor = opt.inactive;
         nameDOM.style.color = opt.inactive;
       } else {
-        colorDOM.style.backgroundColor = nameDOM.series.color;
+        var _targetDOM$series3;
+
+        colorDOM.style.backgroundColor = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series3 = targetDOM.series) === null || _targetDOM$series3 === void 0 ? void 0 : _targetDOM$series3.color;
         nameDOM.style.color = opt.color;
       }
 
@@ -39646,7 +39797,7 @@ var plugins_legend_modules = {
       colorDOM.classList.toggle('inactive');
       nameDOM.classList.toggle('inactive');
 
-      _this4.update({
+      _this5.update({
         updateSeries: false,
         updateSelTip: {
           update: true,
@@ -39662,25 +39813,22 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxOver = function (e) {
-      var type = e.target.dataset.type;
-      var series = Object.values(_this4.seriesList)[0];
-      var targetDOM;
+      var _Object$values, _targetDOM$series4;
 
-      if (type === 'container') {
-        targetDOM = e.target;
-      } else if (type === 'name' || type === 'color') {
-        targetDOM = e.target.parentElement;
-      } else {
+      var series = (_Object$values = Object.values(_this5.seriesList)) === null || _Object$values === void 0 ? void 0 : _Object$values[0];
+
+      var targetDOM = _this5.getContainerDOM(e);
+
+      if (!targetDOM) {
         return;
       }
 
-      var nameDOM = targetDOM.getElementsByClassName('ev-chart-legend-name')[0];
-      var targetId = nameDOM.series.cId;
+      var targetId = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series4 = targetDOM.series) === null || _targetDOM$series4 === void 0 ? void 0 : _targetDOM$series4.cId;
       series.colorState.forEach(function (colorItem) {
         colorItem.state = colorItem.id === targetId ? 'highlight' : 'downplay';
       });
 
-      _this4.update({
+      _this5.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -39696,12 +39844,12 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxLeave = function () {
-      var series = Object.values(_this4.seriesList)[0];
+      var series = Object.values(_this5.seriesList)[0];
       series.colorState.forEach(function (item) {
         item.state = 'normal';
       });
 
-      _this4.update({
+      _this5.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -39716,7 +39864,7 @@ var plugins_legend_modules = {
     this.initResizeEvent();
   },
   initResizeEvent: function initResizeEvent() {
-    var _this5 = this;
+    var _this6 = this;
 
     /**
      * callback for resizeDOM click event
@@ -39728,33 +39876,33 @@ var plugins_legend_modules = {
     this.onResizeMouseDown = function (e) {
       e.stopPropagation();
       e.preventDefault();
-      var opt = _this5.options;
+      var opt = _this6.options;
       var pos = opt.legend.position;
       var title = opt.title.show ? opt.title.height : 0;
-      var ghostDOM = _this5.ghostDOM;
-      _this5.resizeDOM.style.display = 'none';
+      var ghostDOM = _this6.ghostDOM;
+      _this6.resizeDOM.style.display = 'none';
 
-      _this5.wrapperDOM.appendChild(ghostDOM); // mouse down 시, resizeDOM의 위치를 기반으로 ghostDOM의 위치를 세팅
+      _this6.wrapperDOM.appendChild(ghostDOM); // mouse down 시, resizeDOM의 위치를 기반으로 ghostDOM의 위치를 세팅
 
 
       if (pos === 'left' || pos === 'right') {
         ghostDOM.style.top = "".concat(title, "px");
-        ghostDOM.style.left = _this5.resizeDOM.style.left;
-        ghostDOM.style.right = _this5.resizeDOM.style.right;
-        ghostDOM.style.height = _this5.resizeDOM.style.height;
+        ghostDOM.style.left = _this6.resizeDOM.style.left;
+        ghostDOM.style.right = _this6.resizeDOM.style.right;
+        ghostDOM.style.height = _this6.resizeDOM.style.height;
       } else {
         ghostDOM.classList.add('horizontal');
 
         if (pos === 'top') {
-          ghostDOM.style.top = _this5.resizeDOM.style.top;
+          ghostDOM.style.top = _this6.resizeDOM.style.top;
         } else if (pos === 'bottom') {
-          ghostDOM.style.bottom = _this5.resizeDOM.style.bottom;
+          ghostDOM.style.bottom = _this6.resizeDOM.style.bottom;
         }
       }
 
-      _this5.wrapperDOM.addEventListener('mousemove', _this5.mouseMove, false);
+      _this6.wrapperDOM.addEventListener('mousemove', _this6.mouseMove, false);
 
-      _this5.wrapperDOM.addEventListener('mouseup', _this5.mouseUp, false);
+      _this6.wrapperDOM.addEventListener('mouseup', _this6.mouseUp, false);
     };
 
     if (this.resizeDOM) {
@@ -39780,25 +39928,89 @@ var plugins_legend_modules = {
     }
   },
 
+  /**
+   * To update value text on legend table
+   * Only chartOption > legend > table > use : true
+   *
+   * @returns {undefined}
+   */
+  updateLegendTableValues: function updateLegendTableValues() {
+    var _this$options2,
+        _this$options2$legend,
+        _this$options2$legend2,
+        _this$legendBoxDOM,
+        _this7 = this;
+
+    var columns = (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$legend = _this$options2.legend) === null || _this$options2$legend === void 0 ? void 0 : (_this$options2$legend2 = _this$options2$legend.table) === null || _this$options2$legend2 === void 0 ? void 0 : _this$options2$legend2.columns;
+    var aggregations = this.getAggregations();
+    var rowDOMList = (_this$legendBoxDOM = this.legendBoxDOM) === null || _this$legendBoxDOM === void 0 ? void 0 : _this$legendBoxDOM.getElementsByClassName('ev-chart-legend--table__row');
+    rowDOMList.forEach(function (row) {
+      var valueDOMList = row === null || row === void 0 ? void 0 : row.getElementsByClassName('ev-chart-legend--table__value');
+      valueDOMList.forEach(function (dom) {
+        var _aggregations$seriesI;
+
+        var key = dom.dataset.type;
+
+        if (key === 'name') {
+          return;
+        }
+
+        var seriesId = row.series.sId;
+        var value = +(aggregations === null || aggregations === void 0 ? void 0 : (_aggregations$seriesI = aggregations[seriesId]) === null || _aggregations$seriesI === void 0 ? void 0 : _aggregations$seriesI[key]);
+        dom.textContent = _this7.getFormattedValue(columns[key], value);
+      });
+    });
+  },
+
+  /**
+   * Force Update Legend. Remove and Create
+   *
+   * @returns {undefined}
+   */
+  forceUpdateLegend: function forceUpdateLegend() {
+    this.destroyLegend();
+    this.initLegend();
+  },
+
   /**
    * To update legend, remove all of legendBoxDOM's children
    *
    * @returns {undefined}
    */
   resetLegend: function resetLegend() {
-    var legendDOM = this.legendBoxDOM;
+    var legendBoxDOM = this.legendBoxDOM;
 
-    if (!legendDOM) {
+    if (!legendBoxDOM) {
       return;
     }
 
-    while (legendDOM.hasChildNodes()) {
-      legendDOM.removeChild(legendDOM.firstChild);
+    while (legendBoxDOM.hasChildNodes()) {
+      legendBoxDOM.removeChild(legendBoxDOM.firstChild);
     }
 
     this.seriesInfo.count = 0;
   },
 
+  /**
+   * To update legend, remove all of legendBoxDOM's children
+   *
+   * @returns {undefined}
+   */
+  destroyLegend: function destroyLegend() {
+    var legendDOM = this.legendDOM;
+
+    if (!legendDOM) {
+      return;
+    }
+
+    legendDOM.remove();
+    this.legendDOM = null;
+    this.legendBoxDOM = null;
+    this.resizeDOM = null;
+    this.isInitLegend = false;
+    this.seriesInfo.count = 0;
+  },
+
   /**
    * Create DOM for each series
    *
@@ -39809,18 +40021,21 @@ var plugins_legend_modules = {
     var containerDOM = document.createElement('div');
     var colorDOM = document.createElement('span');
     var nameDOM = document.createElement('div');
-    containerDOM.className = 'ev-chart-legend-container';
+    containerDOM.className = "ev-chart-legend-container ".concat(!series.show ? ' inactive' : '');
+    containerDOM.series = series;
     colorDOM.className = 'ev-chart-legend-color';
 
     if (series.type === 'line' && series.point && !series.fill) {
       colorDOM.className += ' ev-chart-legend-color--point-line';
     }
 
-    nameDOM.className = 'ev-chart-legend-name';
-    nameDOM.series = series;
+    nameDOM.className = 'ev-chart-legend-name'; // set series color
+
     var seriesColor;
 
-    if (typeof series.color !== 'string') {
+    if (!series.show) {
+      seriesColor = opt.inactive;
+    } else if (typeof series.color !== 'string') {
       seriesColor = series.color[series.color.length - 1][1];
     } else {
       seriesColor = series.color;
@@ -39828,7 +40043,7 @@ var plugins_legend_modules = {
 
     if (series.type === 'line' && series.fill) {
       colorDOM.style.height = '8px';
-      colorDOM.style.backgroundColor = "".concat(seriesColor, "80");
+      colorDOM.style.backgroundColor = series.show ? "".concat(seriesColor, "80") : opt.inactive;
       colorDOM.style.border = "1px solid ".concat(seriesColor);
     } else {
       colorDOM.style.backgroundColor = seriesColor;
@@ -39855,7 +40070,140 @@ var plugins_legend_modules = {
     containerDOM.style.overflow = 'hidden';
     containerDOM.dataset.type = 'container';
     this.legendBoxDOM.appendChild(containerDOM);
-    this.seriesInfo.count++;
+
+    if (series.show) {
+      this.seriesInfo.count++;
+    }
+  },
+
+  /**
+   * Add Legend Items With aggregation Values
+   * Only chartOption > legend > table > use : true
+   * @param series
+   */
+  addLegendWithValues: function addLegendWithValues(series) {
+    var _opt$table2,
+        _this$getAggregations,
+        _opt$table3,
+        _opt$table3$style,
+        _columns$name,
+        _this8 = this;
+
+    var opt = this.options.legend;
+    var columns = opt === null || opt === void 0 ? void 0 : (_opt$table2 = opt.table) === null || _opt$table2 === void 0 ? void 0 : _opt$table2.columns;
+    var aggregations = (_this$getAggregations = this.getAggregations()) === null || _this$getAggregations === void 0 ? void 0 : _this$getAggregations[series === null || series === void 0 ? void 0 : series.sId];
+
+    if (!aggregations || !columns) {
+      return;
+    } // create row
+
+
+    var rowDOM = document.createElement('tr');
+    rowDOM.className = "ev-chart-legend--table__row ".concat(!series.show ? ' inactive' : '');
+    helpers_util.setDOMStyle(rowDOM, (_opt$table3 = opt.table) === null || _opt$table3 === void 0 ? void 0 : (_opt$table3$style = _opt$table3.style) === null || _opt$table3$style === void 0 ? void 0 : _opt$table3$style.row);
+    rowDOM.series = series;
+    rowDOM.dataset.type = 'container'; // create td - color
+
+    var colorWrapperDOM = document.createElement('td');
+    colorWrapperDOM.className = 'ev-chart-legend--table__color-wrapper';
+    colorWrapperDOM.dataset.type = 'color';
+    var colorDOM = document.createElement('div');
+    colorDOM.className = 'ev-chart-legend--table__color';
+    colorDOM.dataset.type = 'color'; // set series color
+
+    var seriesColor;
+
+    if (!series.show) {
+      seriesColor = opt.inactive;
+    } else if (typeof series.color !== 'string') {
+      seriesColor = series.color[series.color.length - 1][1];
+    } else {
+      seriesColor = series.color;
+    }
+
+    switch (series.type) {
+      case 'line':
+        {
+          if (series.fill) {
+            colorDOM.style.backgroundColor = "".concat(seriesColor, "80");
+            colorDOM.style.border = "1px solid ".concat(seriesColor);
+          } else {
+            if (series.point) {
+              colorDOM.className += ' ev-chart-legend--table__color--point-line';
+            }
+
+            colorDOM.className += ' ev-chart-legend--table__color--line';
+            colorDOM.style.backgroundColor = seriesColor;
+          }
+
+          break;
+        }
+
+      case 'bar':
+      case 'pie':
+      default:
+        {
+          colorDOM.style.height = '10px';
+          colorDOM.style.backgroundColor = seriesColor;
+          break;
+        }
+    }
+
+    if (series.type === 'line' && series.fill) {
+      colorDOM.style.height = '8px';
+      colorDOM.style.backgroundColor = series.show ? "".concat(seriesColor, "80") : opt.inactive;
+      colorDOM.style.border = "1px solid ".concat(seriesColor);
+    } else {
+      colorDOM.style.backgroundColor = seriesColor;
+    }
+
+    colorWrapperDOM.appendChild(colorDOM);
+    rowDOM.appendChild(colorWrapperDOM); // create td - name
+
+    var nameDOM = document.createElement('td');
+    nameDOM.className = 'ev-chart-legend--table__name';
+    nameDOM.style.color = series.show ? opt.color : opt.inactive;
+    nameDOM.textContent = series.name;
+    nameDOM.setAttribute('title', series.name);
+    nameDOM.dataset.type = 'name';
+    helpers_util.setDOMStyle(nameDOM, columns === null || columns === void 0 ? void 0 : (_columns$name = columns.name) === null || _columns$name === void 0 ? void 0 : _columns$name.style);
+
+    if (!series.show) {
+      nameDOM.style.color = opt.inactive;
+    }
+
+    rowDOM.appendChild(nameDOM); // create td - values
+
+    var columnKeyList = Object.keys(columns);
+    columnKeyList === null || columnKeyList === void 0 ? void 0 : columnKeyList.forEach(function (key) {
+      if (key === 'name') {
+        return;
+      }
+
+      if (columns[key].use) {
+        var _columns$key2;
+
+        var formattedTxt = _this8.getFormattedValue(columns[key], +aggregations[key]);
+
+        var valueDOM = document.createElement('td');
+        valueDOM.className = 'ev-chart-legend--table__value';
+        valueDOM.style.color = series.show ? opt.color : opt.inactive;
+        valueDOM.textContent = formattedTxt;
+        valueDOM.dataset.type = key.toString();
+        helpers_util.setDOMStyle(valueDOM, (_columns$key2 = columns[key]) === null || _columns$key2 === void 0 ? void 0 : _columns$key2.style);
+
+        if (!series.show) {
+          valueDOM.style.color = opt.inactive;
+        }
+
+        rowDOM.appendChild(valueDOM);
+      }
+    });
+    this.legendTableDOM.appendChild(rowDOM);
+
+    if (series.show) {
+      this.seriesInfo.count++;
+    }
   },
 
   /**
@@ -39864,13 +40212,13 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   setLegendPosition: function setLegendPosition() {
-    var _opt$legend, _this$wrapperDOM, _this$legendDOM, _this$legendBoxDOM, _this$resizeDOM, _opt$title, _opt$title2, _opt$legend2, _opt$legend$padding, _opt$legend3;
+    var _opt$legend, _this$wrapperDOM, _this$legendDOM, _this$legendBoxDOM2, _this$resizeDOM, _opt$title, _opt$title2, _opt$legend2, _opt$legend$padding, _opt$legend3;
 
     var opt = this.options;
     var position = opt === null || opt === void 0 ? void 0 : (_opt$legend = opt.legend) === null || _opt$legend === void 0 ? void 0 : _opt$legend.position;
     var wrapperStyle = (_this$wrapperDOM = this.wrapperDOM) === null || _this$wrapperDOM === void 0 ? void 0 : _this$wrapperDOM.style;
     var legendStyle = (_this$legendDOM = this.legendDOM) === null || _this$legendDOM === void 0 ? void 0 : _this$legendDOM.style;
-    var boxStyle = (_this$legendBoxDOM = this.legendBoxDOM) === null || _this$legendBoxDOM === void 0 ? void 0 : _this$legendBoxDOM.style;
+    var boxStyle = (_this$legendBoxDOM2 = this.legendBoxDOM) === null || _this$legendBoxDOM2 === void 0 ? void 0 : _this$legendBoxDOM2.style;
     var resizeStyle = (_this$resizeDOM = this.resizeDOM) === null || _this$resizeDOM === void 0 ? void 0 : _this$resizeDOM.style;
     var chartRect;
     var legendPad;
@@ -40007,13 +40355,13 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   updateLegendContainerSize: function updateLegendContainerSize() {
-    var _this$options2;
+    var _this$options3;
 
     if (!this.options || !this.legendBoxDOM) {
       return;
     }
 
-    var opt = (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.legend;
+    var opt = (_this$options3 = this.options) === null || _this$options3 === void 0 ? void 0 : _this$options3.legend;
     var container = this.legendBoxDOM.getElementsByClassName('ev-chart-legend-container');
 
     if (!container) {
@@ -40219,6 +40567,30 @@ var plugins_legend_modules = {
     legendStyle.width = '0';
     legendStyle.height = '0';
     wrapperStyle.padding = "".concat(title, "px 0 0 0");
+  },
+
+  /**
+   * Get formatted value by formatter function
+   * Only chartOption > legend > table > use : true
+   * @param formatter
+   * @param decimalPoint
+   * @param value
+   * @returns {string}
+   */
+  getFormattedValue: function getFormattedValue(_ref2, value) {
+    var formatter = _ref2.formatter,
+        decimalPoint = _ref2.decimalPoint;
+    var formattedTxt;
+
+    if (formatter) {
+      formattedTxt = formatter(value);
+    }
+
+    if (!formatter || typeof formattedTxt !== 'string') {
+      formattedTxt = helpers_util.labelSignFormat(value, decimalPoint);
+    }
+
+    return formattedTxt;
   }
 };
 /* harmony default export */ var plugins_legend = (plugins_legend_modules);
@@ -40872,9 +41244,6 @@ var es_object_from_entries = __webpack_require__("c1f9");
 
 
 
-
-
-
 var plugins_interaction_modules = {
   /**
    * Hide legend components by manipulating css
@@ -41380,34 +41749,36 @@ var plugins_interaction_modules = {
     var seriesName = _ref2.seriesName,
         value = _ref2.value,
         itemData = _ref2.itemData;
-    var tooltipOpt = this.options.tooltip;
-    var tooltipValueFormatter = typeof tooltipOpt.formatter === 'function' ? tooltipOpt.formatter : (_tooltipOpt$formatter = tooltipOpt.formatter) === null || _tooltipOpt$formatter === void 0 ? void 0 : _tooltipOpt$formatter.value;
+    var opt = this.options;
+    var isHorizontal = !!opt.horizontal;
+    var tooltipOpt = opt.tooltip;
+    var tooltipValueFormatter = typeof (tooltipOpt === null || tooltipOpt === void 0 ? void 0 : tooltipOpt.formatter) === 'function' ? tooltipOpt === null || tooltipOpt === void 0 ? void 0 : tooltipOpt.formatter : tooltipOpt === null || tooltipOpt === void 0 ? void 0 : (_tooltipOpt$formatter = tooltipOpt.formatter) === null || _tooltipOpt$formatter === void 0 ? void 0 : _tooltipOpt$formatter.value;
     var formattedTxt = value;
 
     if (tooltipValueFormatter) {
-      if (this.options.type === 'pie') {
+      if (opt.type === 'pie') {
         formattedTxt = tooltipValueFormatter({
           value: value,
           name: seriesName,
-          percentage: itemData.percentage
+          percentage: itemData === null || itemData === void 0 ? void 0 : itemData.percentage
         });
-      } else if (this.options.type === 'heatMap') {
+      } else if (opt.type === 'heatMap') {
         formattedTxt = tooltipValueFormatter({
-          x: itemData.x,
-          y: itemData.y,
+          x: itemData === null || itemData === void 0 ? void 0 : itemData.x,
+          y: itemData === null || itemData === void 0 ? void 0 : itemData.y,
           value: value > -1 ? value : 'error'
         });
       } else {
         formattedTxt = tooltipValueFormatter({
-          x: this.options.horizontal ? value : itemData.x,
-          y: this.options.horizontal ? itemData.y : value,
+          x: isHorizontal ? value : itemData === null || itemData === void 0 ? void 0 : itemData.x,
+          y: isHorizontal ? itemData === null || itemData === void 0 ? void 0 : itemData.y : value,
           name: seriesName
         });
       }
     }
 
     if (value && (!tooltipValueFormatter || typeof formattedTxt !== 'string')) {
-      if (this.options.type === 'heatMap') {
+      if (opt.type === 'heatMap') {
         formattedTxt = value < 0 ? 'error' : numberWithComma(value);
       } else {
         formattedTxt = numberWithComma(value);
@@ -41424,37 +41795,60 @@ var plugins_interaction_modules = {
   addNotHitInfo: function addNotHitInfo(hitInfo) {
     var _hitInfo$items, _hitInfo$items$hitIte, _hitInfo$items$hitIte2, _hitInfo$items2, _hitInfo$items2$hitIt, _hitInfo$items2$hitIt2;
 
+    var ctx = this.tooltipCtx;
     var isHorizontal = !!this.options.horizontal;
     var hitItemId = Object.keys(hitInfo.items)[0];
     var hitItemData = isHorizontal ? (_hitInfo$items = hitInfo.items) === null || _hitInfo$items === void 0 ? void 0 : (_hitInfo$items$hitIte = _hitInfo$items[hitItemId]) === null || _hitInfo$items$hitIte === void 0 ? void 0 : (_hitInfo$items$hitIte2 = _hitInfo$items$hitIte.data) === null || _hitInfo$items$hitIte2 === void 0 ? void 0 : _hitInfo$items$hitIte2.y : (_hitInfo$items2 = hitInfo.items) === null || _hitInfo$items2 === void 0 ? void 0 : (_hitInfo$items2$hitIt = _hitInfo$items2[hitItemId]) === null || _hitInfo$items2$hitIt === void 0 ? void 0 : (_hitInfo$items2$hitIt2 = _hitInfo$items2$hitIt.data) === null || _hitInfo$items2$hitIt2 === void 0 ? void 0 : _hitInfo$items2$hitIt2.x;
+    var maxSeriesName = '';
+    var maxValueTxt = '';
     var sIds = Object.keys(this.seriesList);
 
     for (var ix = 0; ix < sIds.length; ix++) {
       var sId = sIds[ix];
       var series = this.seriesList[sId];
-      var hasData = series.data.find(function (data) {
-        return isHorizontal ? (data === null || data === void 0 ? void 0 : data.y) === hitItemData : (data === null || data === void 0 ? void 0 : data.x) === hitItemData;
-      });
 
-      if (hasData && !hitInfo.items[sId] && series !== null && series !== void 0 && series.show) {
-        var item = {};
-        item.color = series.color;
-        item.hit = false;
-        item.name = series.name;
-        item.axis = {
-          x: series.xAxisIndex,
-          y: series.yAxisIndex
-        };
-        item.index = isHorizontal ? series.yAxisIndex : series.xAxisIndex;
-        item.data = hasData;
-        item.data.formatted = this.getFormattedTooltipValue({
+      if (series !== null && series !== void 0 && series.show) {
+        var hasData = series.data.find(function (data) {
+          return isHorizontal ? (data === null || data === void 0 ? void 0 : data.y) === hitItemData : (data === null || data === void 0 ? void 0 : data.x) === hitItemData;
+        });
+        var formattedValue = this.getFormattedTooltipValue({
           seriesName: series.name,
-          value: hasData.o,
+          value: hasData === null || hasData === void 0 ? void 0 : hasData.o,
           itemData: hasData
         });
-        hitInfo.items[sId] = item;
+
+        if (hasData && !hitInfo.items[sId]) {
+          var item = {};
+          item.color = series.color;
+          item.hit = false;
+          item.name = series.name;
+          item.axis = {
+            x: series.xAxisIndex,
+            y: series.yAxisIndex
+          };
+          item.index = isHorizontal ? series.yAxisIndex : series.xAxisIndex;
+          item.data = hasData;
+          item.data.formatted = formattedValue;
+          hitInfo.items[sId] = item;
+        }
+
+        var maxSeriesNameWidth = ctx ? ctx.measureText(maxSeriesName).width : 1;
+        var seriesNameWidth = ctx ? ctx.measureText(series.name).width : 1;
+
+        if (maxSeriesNameWidth < seriesNameWidth) {
+          maxSeriesName = series.name;
+        }
+
+        var maxValueWidth = ctx ? ctx.measureText(maxValueTxt).width : 1;
+        var valueWidth = ctx ? ctx.measureText("".concat(formattedValue)).width : 1;
+
+        if (maxValueWidth < valueWidth) {
+          maxValueTxt = "".concat(formattedValue);
+        }
       }
     }
+
+    hitInfo.maxTip = [maxSeriesName, maxValueTxt];
   },
 
   /**
@@ -41543,17 +41937,6 @@ var plugins_interaction_modules = {
           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';
-        }
-      });
     }
   },
 
@@ -42497,6 +42880,10 @@ var plugins_pie_modules = {
         radius -= pieOption.pieStroke.lineWidth;
       }
 
+      if (radius < 0) {
+        return;
+      }
+
       pie.or = radius;
 
       if (ix < pieDataSet.length - 1) {
@@ -42529,7 +42916,10 @@ var plugins_pie_modules = {
               ctx.stroke();
             }
 
-            series.isSelect = (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.sId) === slice.id;
+            var selectInfo = hitInfo.selectInfo,
+                legendHitInfo = hitInfo.legendHitInfo;
+            series.isSelect = (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.sId) === slice.id;
+            series.isDownplay = legendHitInfo && legendHitInfo.sId !== slice.id;
             series.type = isDoughnut ? 'doughnut' : 'pie';
             series.centerX = centerX;
             series.centerY = centerY;
@@ -42594,6 +42984,10 @@ var plugins_pie_modules = {
         radius -= pieOption.pieStroke.lineWidth;
       }
 
+      if (radius < 0) {
+        return;
+      }
+
       pie.or = radius;
 
       if (ix < pieDataSet.length - 1) {
@@ -42634,7 +43028,10 @@ var plugins_pie_modules = {
               ctx.stroke();
             }
 
-            series.isSelect = (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.sId) === slice.id;
+            var selectInfo = hitInfo.selectInfo,
+                legendHitInfo = hitInfo.legendHitInfo;
+            series.isSelect = (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.sId) === slice.id;
+            series.isDownplay = legendHitInfo && legendHitInfo.sId !== slice.id;
             series.type = 'sunburst';
             series.centerX = centerX;
             series.centerY = centerY;
@@ -43329,7 +43726,6 @@ var element_tip_modules = {
 
 
 
-
 
 
 var chart_core_EvChart = /*#__PURE__*/function () {
@@ -43491,7 +43887,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.axesSteps = this.calculateSteps();
       this.drawAxis(hitInfo);
       this.drawSeries(hitInfo);
-      this.drawTip(hitInfo);
+      this.drawTip();
 
       if (this.bufferCanvas) {
         this.displayCtx.drawImage(this.bufferCanvas, 0, 0);
@@ -43499,7 +43895,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     }
     /**
      * Draw each series
-     * @param {any} [hitInfo=undefined]    from mousemove callback (object or undefined)
+     * @param {any} [hitInfo=undefined]   legend mouseover callback (object or undefined)
      *
      * @returns {undefined}
      */
@@ -43553,12 +43949,17 @@ var chart_core_EvChart = /*#__PURE__*/function () {
             case 'line':
             case 'heatMap':
               {
-                series.draw(opt);
+                var legendHitInfo = hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.legend;
+                series.draw(_objectSpread2({
+                  legendHitInfo: legendHitInfo
+                }, opt));
                 break;
               }
 
             case 'bar':
               {
+                var _legendHitInfo = hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.legend;
+
                 var _this$options3 = this.options,
                     thickness = _this$options3.thickness,
                     cPadRatio = _this$options3.cPadRatio,
@@ -43568,7 +43969,8 @@ var chart_core_EvChart = /*#__PURE__*/function () {
                   cPadRatio: cPadRatio,
                   borderRadius: borderRadius,
                   showSeriesCount: showSeriesCount,
-                  showIndex: showIndex
+                  showIndex: showIndex,
+                  legendHitInfo: _legendHitInfo
                 }, opt));
 
                 if (series.show) {
@@ -43580,16 +43982,24 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 
             case 'pie':
               {
-                var _ref, _this$defaultSelectIt;
+                var _this$lastHitInfo, _this$defaultSelectIt;
 
-                var selectInfo = (_ref = hitInfo !== null && hitInfo !== void 0 ? hitInfo : this.lastHitInfo) !== null && _ref !== void 0 ? _ref : {
+                var selectInfo = (_this$lastHitInfo = this.lastHitInfo) !== null && _this$lastHitInfo !== void 0 ? _this$lastHitInfo : {
                   sId: (_this$defaultSelectIt = this.defaultSelectItemInfo) === null || _this$defaultSelectIt === void 0 ? void 0 : _this$defaultSelectIt.seriesID
                 };
 
+                var _legendHitInfo2 = hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.legend;
+
                 if (this.options.sunburst) {
-                  this.drawSunburst(selectInfo);
+                  this.drawSunburst({
+                    selectInfo: selectInfo,
+                    legendHitInfo: _legendHitInfo2
+                  });
                 } else {
-                  this.drawPie(selectInfo);
+                  this.drawPie({
+                    selectInfo: selectInfo,
+                    legendHitInfo: _legendHitInfo2
+                  });
                 }
 
                 if (this.options.doughnutHoleSize > 0) {
@@ -43601,34 +44011,30 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 
             case 'scatter':
               {
+                var _legendHitInfo3 = hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.legend;
+
+                var _selectInfo = void 0;
+
                 if (selectItem.use && selectItem.useSeriesOpacity) {
-                  var _this$lastHitInfo, _this$lastHitInfo2, _this$defaultSelectIt2, _this$defaultSelectIt3;
-
-                  if (hitInfo) {
-                    if (hitInfo !== null && hitInfo !== void 0 && hitInfo.maxIndex || (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.maxIndex) === 0) {
-                      opt.selectInfo = {
-                        seriesID: hitInfo.sId,
-                        dataIndex: hitInfo.maxIndex
-                      };
-                    } else {
-                      opt.selectInfo = null;
-                    }
-                  } else if ((_this$lastHitInfo = this.lastHitInfo) !== null && _this$lastHitInfo !== void 0 && _this$lastHitInfo.maxIndex || ((_this$lastHitInfo2 = this.lastHitInfo) === null || _this$lastHitInfo2 === void 0 ? void 0 : _this$lastHitInfo2.maxIndex) === 0) {
-                    opt.selectInfo = {
-                      seriesID: this.lastHitInfo.sId,
-                      dataIndex: this.lastHitInfo.maxIndex
-                    };
-                  } else if ((_this$defaultSelectIt2 = this.defaultSelectItemInfo) !== null && _this$defaultSelectIt2 !== void 0 && _this$defaultSelectIt2.dataIndex || ((_this$defaultSelectIt3 = this.defaultSelectItemInfo) === null || _this$defaultSelectIt3 === void 0 ? void 0 : _this$defaultSelectIt3.dataIndex) === 0) {
-                    opt.selectInfo = {
-                      seriesID: this.defaultSelectItemInfo.seriesID,
-                      dataIndex: this.defaultSelectItemInfo.dataIndex
+                  var lastHitInfo = this.lastHitInfo;
+                  var defaultSelectInfo = this.defaultSelectItemInfo;
+
+                  if (lastHitInfo !== null && lastHitInfo !== void 0 && lastHitInfo.maxIndex || (lastHitInfo === null || lastHitInfo === void 0 ? void 0 : lastHitInfo.maxIndex) === 0) {
+                    _selectInfo = {
+                      seriesID: lastHitInfo.sId,
+                      dataIndex: lastHitInfo.maxIndex
                     };
+                  } else if (defaultSelectInfo !== null && defaultSelectInfo !== void 0 && defaultSelectInfo.dataIndex || (defaultSelectInfo === null || defaultSelectInfo === void 0 ? void 0 : defaultSelectInfo.dataIndex) === 0) {
+                    _selectInfo = _objectSpread2({}, defaultSelectInfo);
                   } else {
-                    opt.selectInfo = null;
+                    _selectInfo = null;
                   }
                 }
 
-                series.draw(opt);
+                series.draw(_objectSpread2({
+                  legendHitInfo: _legendHitInfo3,
+                  selectInfo: _selectInfo
+                }, opt));
                 break;
               }
 
@@ -43642,21 +44048,14 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     }
     /**
      * Draw Tip with hitInfo and defaultSelectItemInfo
-     * @param hitInfo
      */
 
   }, {
     key: "drawTip",
-    value: function drawTip(hitInfo) {
-      if (helpers_util.isPieType(hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.type)) {
-        return;
-      }
-
+    value: function drawTip() {
       var tipLocationInfo;
 
-      if (hitInfo) {
-        tipLocationInfo = hitInfo;
-      } else if (this.lastHitInfo) {
+      if (this.lastHitInfo) {
         tipLocationInfo = this.lastHitInfo;
       } else if (this.defaultSelectItemInfo) {
         tipLocationInfo = this.getItem(this.defaultSelectItemInfo, false);
@@ -44033,7 +44432,9 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       var groups = this.data.groups;
       var series = this.data.series;
       var updateSeries = updateInfo.updateSeries,
-          updateSelTip = updateInfo.updateSelTip;
+          updateSelTip = updateInfo.updateSelTip,
+          updateLegend = updateInfo.updateLegend,
+          updateData = updateInfo.updateData;
 
       if (!this.isInit) {
         return;
@@ -44093,10 +44494,18 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       }
 
       if (options.legend.show) {
+        var _options$legend, _options$legend$table;
+
+        var useTable = !!((_options$legend = options.legend) !== null && _options$legend !== void 0 && (_options$legend$table = _options$legend.table) !== null && _options$legend$table !== void 0 && _options$legend$table.use) && options.type !== 'heatmap' && options.type !== 'scatter';
+
         if (!this.isInitLegend) {
           this.initLegend();
         } else if (updateSeries) {
           this.updateLegend();
+        } else if (updateLegend) {
+          this.forceUpdateLegend();
+        } else if (useTable && updateData) {
+          this.updateLegendTableValues();
         }
 
         this.setLegendPosition();
@@ -44318,7 +44727,35 @@ var DEFAULT_OPTIONS = {
     inactive: '#aaa',
     width: 140,
     height: 24,
-    allowResize: false
+    allowResize: false,
+    table: {
+      use: false,
+      columns: {
+        name: {
+          title: 'Name'
+        },
+        min: {
+          title: 'MIN',
+          use: false
+        },
+        max: {
+          title: 'MAX',
+          use: false
+        },
+        avg: {
+          title: 'AVG',
+          use: false
+        },
+        total: {
+          title: 'TOTAL',
+          use: false
+        },
+        last: {
+          title: 'LAST',
+          use: false
+        }
+      }
+    }
   },
   itemHighlight: true,
   seriesHighlight: true,
@@ -44682,13 +45119,15 @@ var uses_useWrapper = function useWrapper(options) {
                 return props.options;
               }, function (chartOpt) {
                 var newOpt = getNormalizedOptions(chartOpt);
+                var isUpdateLegend = !lodash_es_isEqual(newOpt.legend, evChart.options.legend);
                 evChart.options = lodash_es_cloneDeep(newOpt);
                 evChart.update({
                   updateSeries: false,
                   updateSelTip: {
                     update: false,
                     keepDomain: false
-                  }
+                  },
+                  updateLegend: isUpdateLegend
                 });
               }, {
                 deep: true
@@ -44701,13 +45140,15 @@ var uses_useWrapper = function useWrapper(options) {
               }, function (chartData) {
                 var newData = getNormalizedData(chartData);
                 var isUpdateSeries = !lodash_es_isEqual(newData.series, evChart.data.series) || !lodash_es_isEqual(newData.groups, evChart.data.groups) || props.options.type === 'heatMap';
+                var isUpdateData = !lodash_es_isEqual(newData.data, evChart.data);
                 evChart.data = lodash_es_cloneDeep(newData);
                 evChart.update({
                   updateSeries: isUpdateSeries,
                   updateSelTip: {
                     update: true,
                     keepDomain: false
-                  }
+                  },
+                  updateData: isUpdateData
                 });
               }, {
                 deep: true
@@ -44793,8 +45234,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=df219c50&lang=scss
-var Chartvue_type_style_index_0_id_df219c50_lang_scss = __webpack_require__("2fe8");
+// EXTERNAL MODULE: ./src/components/chart/Chart.vue?vue&type=style&index=0&id=1fece3ae&lang=scss
+var Chartvue_type_style_index_0_id_1fece3ae_lang_scss = __webpack_require__("488e");
 
 // CONCATENATED MODULE: ./src/components/chart/Chart.vue
 
@@ -44804,7 +45245,7 @@ var Chartvue_type_style_index_0_id_df219c50_lang_scss = __webpack_require__("2fe
 
 
 
-const Chart_exports_ = /*#__PURE__*/exportHelper_default()(Chartvue_type_script_lang_js, [['render',Chartvue_type_template_id_df219c50_render]])
+const Chart_exports_ = /*#__PURE__*/exportHelper_default()(Chartvue_type_script_lang_js, [['render',Chartvue_type_template_id_1fece3ae_render]])
 
 /* harmony default export */ var Chart = (Chart_exports_);
 // CONCATENATED MODULE: ./src/components/chart/index.js