evui 3.3.22 → 3.3.23

package/dist/evui.common.js

@@ -6925,7 +6925,7 @@ module.exports = {
 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;font-family:Roboto,serif;overflow:hidden;font-size:16px}.ev-chart-tooltip .ev-chart-tooltip-header--wrap{word-wrap:break-word}.ev-chart-tooltip .ev-chart-tooltip-header--ellipsis{text-overflow:ellipsis;white-space:nowrap}.ev-chart-tooltip .ev-chart-tooltip-body{overflow-x:hidden;overflow-y:hidden}", ""]);
+exports.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;
 
@@ -7935,7 +7935,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.22\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.23\"}");
 
 /***/ }),
 
@@ -41402,14 +41402,13 @@ var plugins_interaction_modules = {
 
 
 
-
 var TITLE_HEIGHT = 30;
 var TEXT_HEIGHT = 14;
 var LINE_SPACING = 8;
 var COLOR_MARGIN = 16;
 var VALUE_MARGIN = 50;
 var SCROLL_WIDTH = 17;
-var FONT_STYLE = 'normal normal lighter 14px Roboto';
+var fontStyle = 'normal normal lighter 14px Roboto';
 var plugins_tooltip_modules = {
   /**
    * Create tooltip DOM
@@ -41429,6 +41428,7 @@ var plugins_tooltip_modules = {
     this.tooltipCanvas.className = 'ev-chart-tooltip-canvas';
     this.tooltipCtx = this.tooltipCanvas.getContext('2d');
     this.tooltipDOM.style.display = 'none';
+    this.setFontFamily();
     this.tooltipBodyDOM.appendChild(this.tooltipCanvas);
     this.tooltipDOM.appendChild(this.tooltipHeaderDOM);
     this.tooltipDOM.appendChild(this.tooltipBodyDOM);
@@ -41445,6 +41445,17 @@ var plugins_tooltip_modules = {
     }
   },
 
+  /**
+   * set tooltip's font style
+   */
+  setFontFamily: function setFontFamily() {
+    var _this$options$tooltip, _this$options, _this$options$tooltip2;
+
+    var fontFamily = (_this$options$tooltip = (_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$tooltip2 = _this$options.tooltip) === null || _this$options$tooltip2 === void 0 ? void 0 : _this$options$tooltip2.fontFamily) !== null && _this$options$tooltip !== void 0 ? _this$options$tooltip : 'Roboto';
+    fontStyle = "normal normal lighter 14px ".concat(fontFamily);
+    this.tooltipHeaderDOM.style.fontFamily = fontFamily;
+  },
+
   /**
    * Set tooltip DOM's position and style
    * @param {object} hitInfo    value and mouse position touched
@@ -41475,7 +41486,7 @@ var plugins_tooltip_modules = {
     var opt = this.options.tooltip; // calculate and decide width of canvas El(contentsWidth)
 
     ctx.save();
-    ctx.font = FONT_STYLE;
+    ctx.font = fontStyle;
     var isHorizontal = !!this.options.horizontal;
     var label = isHorizontal ? (_items$hitInfo$hitId = items[hitInfo.hitId]) === null || _items$hitInfo$hitId === void 0 ? void 0 : (_items$hitInfo$hitId$ = _items$hitInfo$hitId.data) === null || _items$hitInfo$hitId$ === void 0 ? void 0 : _items$hitInfo$hitId$.y : (_items$hitInfo$hitId2 = items[hitInfo.hitId]) === null || _items$hitInfo$hitId2 === void 0 ? void 0 : (_items$hitInfo$hitId3 = _items$hitInfo$hitId2.data) === null || _items$hitInfo$hitId3 === void 0 ? void 0 : _items$hitInfo$hitId3.x;
     var tooltipValue = (label === null || label === void 0 ? void 0 : label.length) > maxSeries.length ? label : maxSeries;
@@ -41609,7 +41620,7 @@ var plugins_tooltip_modules = {
 
     x += boxPadding.l;
     y += boxPadding.t;
-    ctx.font = FONT_STYLE;
+    ctx.font = fontStyle;
     var seriesList = [];
     seriesKeys.forEach(function (seriesName) {
       seriesList.push({
@@ -41822,7 +41833,7 @@ var plugins_tooltip_modules = {
     var itemX = boxPadding.l + 2;
     var itemY = boxPadding.t + TEXT_HEIGHT + 2;
     var itemValue = hitItem.o > -1 ? hitItem.o : 'error';
-    ctx.font = FONT_STYLE;
+    ctx.font = fontStyle;
     ctx.beginPath();
 
     if (typeof hitColor !== 'string') {
@@ -41901,7 +41912,7 @@ var plugins_tooltip_modules = {
 
     x += boxPadding.l;
     y += boxPadding.t;
-    ctx.font = FONT_STYLE;
+    ctx.font = fontStyle;
     var seriesList = [];
     seriesKeys.forEach(function (seriesName) {
       seriesList.push({
@@ -44055,7 +44066,8 @@ var DEFAULT_OPTIONS = {
     throttledMove: false,
     debouncedHide: false,
     useScrollbar: false,
-    textOverflow: 'wrap'
+    textOverflow: 'wrap',
+    fontFamily: 'Roboto'
   },
   indicator: {
     use: true,