evui 3.4.138 → 3.4.140

package/dist/evui.common.js

@@ -11191,7 +11191,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.138\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.140\"}");
 
 /***/ }),
 
@@ -41356,7 +41356,8 @@ var AXIS_OPTION = {
     fitWidth: false,
     fitDir: 'right',
     alignToGridLine: false,
-    padding: 0
+    padding: 0,
+    fixWidth: undefined
   },
   title: {
     use: false,
@@ -45180,6 +45181,7 @@ var model_series_modules = {
 
 
 
+
 var scale_Scale = /*#__PURE__*/function () {
   function Scale(type, axisOpt, ctx, options) {
     var _this = this;
@@ -45572,7 +45574,7 @@ var scale_Scale = /*#__PURE__*/function () {
                 labelPoint = _this3.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
 
                 if (options !== null && options !== void 0 && (_options$brush = options.brush) !== null && _options$brush !== void 0 && _options$brush.showLabel || !(options !== null && options !== void 0 && options.brush)) {
-                  ctx.fillText(labelText, labelCenter, labelPoint);
+                  ctx.fillText(_this3.checkFixWidth(labelText), labelCenter, labelPoint);
                 }
 
                 if (!isBlurredLabel && options !== null && options !== void 0 && (_options$selectItem = options.selectItem) !== null && _options$selectItem !== void 0 && _options$selectItem.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this3$options3 = _this3.options) !== null && _this3$options3 !== void 0 && _this3$options3.horizontal)) {
@@ -45620,7 +45622,7 @@ var scale_Scale = /*#__PURE__*/function () {
                 labelPoint = _this3.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
 
                 if (options !== null && options !== void 0 && (_options$brush2 = options.brush) !== null && _options$brush2 !== void 0 && _options$brush2.showLabel || !(options !== null && options !== void 0 && options.brush)) {
-                  ctx.fillText(labelText, labelPoint, labelCenter);
+                  ctx.fillText(_this3.checkFixWidth(labelText), labelPoint, labelCenter);
                 }
 
                 if (ix === steps) {
@@ -46176,6 +46178,25 @@ var scale_Scale = /*#__PURE__*/function () {
       ctx.fillText(label, textX, textY);
       ctx.closePath();
     }
+    /**
+     * Check if the label width is greater than the fix width
+     * @param {string} value label value
+     * @returns
+     */
+
+  }, {
+    key: "checkFixWidth",
+    value: function checkFixWidth(value) {
+      var _this$labelStyle3 = this.labelStyle,
+          fixWidth = _this$labelStyle3.fixWidth,
+          fitDir = _this$labelStyle3.fitDir;
+
+      if (truthyNumber(fixWidth) && fixWidth > 0) {
+        return helpers_util.truncateLabelWithEllipsis(value, fixWidth, this.ctx, fitDir);
+      }
+
+      return value;
+    }
   }]);
 
   return Scale;
@@ -46282,7 +46303,7 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
   }
 
   _createClass(LinearScale, [{
-    key: "getLabelFormat",
+    key: "getTruthyValue",
 
     /**
      * Transforming label by designated format
@@ -46291,13 +46312,18 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
      *
      * @returns {string} formatted label
      */
+    value: function getTruthyValue(value) {
+      return truthyNumber(value) ? Number(value.toFixed(this.decimalPoint)) : value;
+    }
+  }, {
+    key: "getLabelFormat",
     value: function getLabelFormat(value) {
       var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
       if (this.formatter) {
-        var formattedLabel = this.formatter(Number(value.toFixed(this.decimalPoint)), _objectSpread2(_objectSpread2({}, data), {}, {
+        var formattedLabel = this.formatter(this.getTruthyValue(value), _objectSpread2(_objectSpread2({}, data), {}, {
           prevOriginalValue: data === null || data === void 0 ? void 0 : data.prev,
-          prevDecimalPointValue: truthyNumber(data === null || data === void 0 ? void 0 : data.prev) ? Number(data === null || data === void 0 ? void 0 : data.prev.toFixed(this.decimalPoint)) : null,
+          prevDecimalPointValue: this.getTruthyValue(data === null || data === void 0 ? void 0 : data.prev),
           currentOriginalValue: value,
           currentDecimalPointValue: Number(value.toFixed(this.decimalPoint))
         }));
@@ -46798,7 +46824,7 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
           if (this.type === 'x') {
             labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
             var xPoint = alignToGridLine ? labelCenter : labelCenter + labelGap / 2;
-            ctx.fillText(labelText, xPoint, labelPoint);
+            ctx.fillText(this.checkFixWidth(labelText), xPoint, labelPoint);
 
             if (!isBlurredLabel && selectItemOpt !== null && selectItemOpt !== void 0 && selectItemOpt.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !horizontal) {
               var selectedLabel = hitInfo.label;
@@ -46842,7 +46868,7 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
           } else {
             labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
             var yPoint = alignToGridLine ? labelCenter : labelCenter + labelGap / 2;
-            ctx.fillText(labelText, labelPoint, yPoint);
+            ctx.fillText(this.checkFixWidth(labelText), labelPoint, yPoint);
             drawnLabels.push(labelText);
 
             if (this.showAxisTick) {
@@ -46882,14 +46908,14 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
           var lastLabelText = this.getLabelFormat("".concat(lastLabelValue), maxWidth);
 
           if (this.type === 'x') {
-            ctx.fillText(lastLabelText, labelCenter, labelPoint);
+            ctx.fillText(this.checkFixWidth(lastLabelText), labelCenter, labelPoint);
 
             if (this.showGrid) {
               ctx.moveTo(linePosition, offsetPoint);
               ctx.lineTo(linePosition, offsetCounterPoint);
             }
           } else {
-            ctx.fillText(lastLabelText, labelPoint, labelCenter);
+            ctx.fillText(this.checkFixWidth(lastLabelText), labelPoint, labelCenter);
 
             if (this.showGrid) {
               ctx.moveTo(offsetPoint, linePosition);
@@ -47283,7 +47309,7 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
           var _this2$options3, _this2$options3$selec, _this2$options4;
 
           labelPoint = _this2.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
-          ctx.fillText(labelText, labelCenter, labelPoint);
+          ctx.fillText(_this2.checkFixWidth(labelText), labelCenter, labelPoint);
 
           if (!isBlurredLabel && (_this2$options3 = _this2.options) !== null && _this2$options3 !== void 0 && (_this2$options3$selec = _this2$options3.selectItem) !== null && _this2$options3$selec !== void 0 && _this2$options3$selec.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this2$options4 = _this2.options) !== null && _this2$options4 !== void 0 && _this2$options4.horizontal)) {
             var selectedLabel = _this2.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
@@ -47326,7 +47352,7 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
           }
         } else {
           labelPoint = _this2.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
-          ctx.fillText(labelText, labelPoint, labelCenter);
+          ctx.fillText(_this2.checkFixWidth(labelText), labelPoint, labelCenter);
 
           if (_this2.showAxisTick) {
             var _this2$axisLineWidth;
@@ -47363,14 +47389,14 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
         linePosition = labelCenter + aliasPixel;
 
         if (this.type === 'x') {
-          ctx.fillText(labelLastText, labelCenter, labelPoint);
+          ctx.fillText(this.checkFixWidth(labelLastText), labelCenter, labelPoint);
 
           if (this.showGrid) {
             ctx.moveTo(linePosition, offsetPoint);
             ctx.lineTo(linePosition, offsetCounterPoint);
           }
         } else {
-          ctx.fillText(labelLastText, labelPoint, labelCenter);
+          ctx.fillText(this.checkFixWidth(labelLastText), labelPoint, labelCenter);
 
           if (this.showGrid) {
             ctx.moveTo(offsetPoint, linePosition);
@@ -55309,8 +55335,16 @@ var chart_core_EvChart = /*#__PURE__*/function () {
           _this2 = this,
           _this$axesSteps,
           _this$axesSteps2,
-          _this$axesX$,
           _this$axesY$,
+          _this$axesY$$labelSty,
+          _this$axesY$2,
+          _this$axesY$2$labelSt,
+          _this$axesX$,
+          _this$axesX$$labelSty,
+          _this$axesX$2,
+          _this$axesX$2$labelSt,
+          _this$axesX$3,
+          _this$axesY$3,
           _this$axesRange,
           _this$axesRange$x,
           _this$axesRange2,
@@ -55359,13 +55393,15 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 
       var notFormattedXLabels = getNotFormattedLabels((_this$axesSteps = this.axesSteps) === null || _this$axesSteps === void 0 ? void 0 : _this$axesSteps.x[0]);
       var notFormattedYLabels = getNotFormattedLabels((_this$axesSteps2 = this.axesSteps) === null || _this$axesSteps2 === void 0 ? void 0 : _this$axesSteps2.y[0]);
-      var xMaxWidth = (_this$axesX$ = this.axesX[0]) === null || _this$axesX$ === void 0 ? void 0 : _this$axesX$.getLabelWidthHasMaxLength(notFormattedXLabels);
-      var yMaxWidth = (_this$axesY$ = this.axesY[0]) === null || _this$axesY$ === void 0 ? void 0 : _this$axesY$.getLabelWidthHasMaxLength(notFormattedYLabels);
+      var yFixWidth = truthyNumber((_this$axesY$ = this.axesY[0]) === null || _this$axesY$ === void 0 ? void 0 : (_this$axesY$$labelSty = _this$axesY$.labelStyle) === null || _this$axesY$$labelSty === void 0 ? void 0 : _this$axesY$$labelSty.fixWidth) ? (_this$axesY$2 = this.axesY[0]) === null || _this$axesY$2 === void 0 ? void 0 : (_this$axesY$2$labelSt = _this$axesY$2.labelStyle) === null || _this$axesY$2$labelSt === void 0 ? void 0 : _this$axesY$2$labelSt.fixWidth : 0;
+      var xFixWidth = truthyNumber((_this$axesX$ = this.axesX[0]) === null || _this$axesX$ === void 0 ? void 0 : (_this$axesX$$labelSty = _this$axesX$.labelStyle) === null || _this$axesX$$labelSty === void 0 ? void 0 : _this$axesX$$labelSty.fixWidth) ? (_this$axesX$2 = this.axesX[0]) === null || _this$axesX$2 === void 0 ? void 0 : (_this$axesX$2$labelSt = _this$axesX$2.labelStyle) === null || _this$axesX$2$labelSt === void 0 ? void 0 : _this$axesX$2$labelSt.fixWidth : 0;
+      var xMaxWidth = (_this$axesX$3 = this.axesX[0]) === null || _this$axesX$3 === void 0 ? void 0 : _this$axesX$3.getLabelWidthHasMaxLength(notFormattedXLabels);
+      var yMaxWidth = (_this$axesY$3 = this.axesY[0]) === null || _this$axesY$3 === void 0 ? void 0 : _this$axesY$3.getLabelWidthHasMaxLength(notFormattedYLabels);
       var adjustedRange = {
         x: !isStepXAxisUseFitWidth ? (_this$axesRange = this.axesRange) === null || _this$axesRange === void 0 ? void 0 : (_this$axesRange$x = _this$axesRange.x) === null || _this$axesRange$x === void 0 ? void 0 : _this$axesRange$x.map(function (value) {
           return _objectSpread2(_objectSpread2({}, value), {}, {
             size: {
-              width: Math.max(xMaxWidth, value.size.width),
+              width: xFixWidth || Math.max(xMaxWidth, value.size.width),
               height: value.size.height
             }
           });
@@ -55373,7 +55409,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
         y: !isStepYAxisUseFitWidth ? (_this$axesRange3 = this.axesRange) === null || _this$axesRange3 === void 0 ? void 0 : (_this$axesRange3$y = _this$axesRange3.y) === null || _this$axesRange3$y === void 0 ? void 0 : _this$axesRange3$y.map(function (value) {
           return _objectSpread2(_objectSpread2({}, value), {}, {
             size: {
-              width: Math.max(yMaxWidth, value.size.width),
+              width: yFixWidth || Math.max(yMaxWidth, value.size.width),
               height: value.size.height
             }
           });