evui 3.4.90 → 3.4.91

package/dist/evui.common.js

@@ -11241,7 +11241,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.90\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.91\"}");
 
 /***/ }),
 
@@ -39661,14 +39661,23 @@ var modules = {
             if (ldata !== null && ldata !== undefined) {
               var g = isHorizontal ? data.o || data.x : data.o || data.y;
 
-              if (series.stackIndex) {
+              if (series.stackIndex != null) {
                 acc += !isNaN(data.o) ? data.o : 0;
                 useStack = true;
               } else {
                 acc += data.y;
               }
 
-              if (maxValue === null || maxValue <= g) {
+              if (maxType === 'bar' && useStack) {
+                if (item.hit) {
+                  maxValue = g;
+                  maxSeriesID = seriesID;
+                  maxIndex = index;
+                  maxLabel = ldata;
+                  maxValuePos = lp;
+                  maxType = series.type;
+                }
+              } else if (maxValue === null || maxValue <= g) {
                 maxValue = g;
                 maxSeriesID = seriesID;
                 maxLabel = ldata;
@@ -50068,21 +50077,19 @@ var plugins_interaction_modules = {
         e: e
       };
 
-      if (selectItem.use) {
-        var offset = _this.getMousePosition(e);
-
-        var hitInfo = _this.getItemByPosition(offset, selectItem.useApproximateValue);
+      var offset = _this.getMousePosition(e);
 
-        if (hitInfo.label !== null) {
-          _this.render(hitInfo);
-        }
+      var hitInfo = _this.getItemByPosition(offset, selectItem.useApproximateValue);
 
-        args.label = hitInfo.label;
-        args.value = hitInfo.value;
-        args.seriesId = hitInfo.sId;
-        args.acc = hitInfo.acc;
+      if (hitInfo.label !== null) {
+        _this.render(hitInfo);
       }
 
+      args.label = hitInfo.label;
+      args.value = hitInfo.value;
+      args.seriesId = hitInfo.sId;
+      args.acc = hitInfo.acc;
+
       if (typeof _this.listeners['dbl-click'] === 'function') {
         _this.listeners['dbl-click'](args);
       }
@@ -50134,6 +50141,8 @@ var plugins_interaction_modules = {
       };
 
       var setSelectedLabelInfo = function setSelectedLabelInfo(targetAxis) {
+        var itemHitInfo = _this.getItemByPosition(offset, false);
+
         var _this$getLabelInfoByP = _this.getLabelInfoByPosition(offset, targetAxis),
             clickedLabelIndex = _this$getLabelInfoByP.labelIndex;
 
@@ -50149,9 +50158,13 @@ var plugins_interaction_modules = {
         args.selected = _objectSpread2({
           eventTarget: 'label'
         }, lodash_es_cloneDeep(_this.defaultSelectInfo));
+        args.label = itemHitInfo.label;
+        args.dataIndex = itemHitInfo.maxIndex;
       };
 
       var setSelectedSeriesInfo = function setSelectedSeriesInfo() {
+        var itemHitInfo = _this.getItemByPosition(offset, false);
+
         var hitInfo = _this.getSeriesInfoByPosition(offset);
 
         if (hitInfo.sId !== null) {
@@ -50161,6 +50174,8 @@ var plugins_interaction_modules = {
           args.selected = _objectSpread2({
             eventTarget: 'series'
           }, lodash_es_cloneDeep(_this.defaultSelectInfo));
+          args.label = itemHitInfo.label;
+          args.dataIndex = itemHitInfo.maxIndex;
         }
       };
 
@@ -50787,24 +50802,31 @@ var plugins_interaction_modules = {
           }
 
           if (gdata !== null && gdata !== undefined) {
-            var sName = series.name;
-            var sw = ctx ? ctx.measureText(sName).width : 1;
-            item.name = sName;
+            var formattedSeriesName = this.getFormattedTooltipLabel({
+              dataId: series.id,
+              seriesId: sId,
+              seriesName: series.name,
+              itemData: item.data
+            });
+            var sw = ctx ? ctx.measureText(formattedSeriesName).width : 1;
+            item.id = series.id;
+            item.name = formattedSeriesName;
             item.axis = {
               x: series.xAxisIndex,
               y: series.yAxisIndex
             };
             items[sId] = item;
             var formattedTxt = this.getFormattedTooltipValue({
+              dataId: series.id,
               seriesId: sId,
-              seriesName: sName,
+              seriesName: formattedSeriesName,
               value: gdata,
               itemData: item.data
             });
             item.data.formatted = formattedTxt;
 
             if (maxsw < sw) {
-              maxs = sName;
+              maxs = formattedSeriesName;
               maxsw = sw;
             }
 
@@ -50836,24 +50858,58 @@ var plugins_interaction_modules = {
   },
 
   /**
-   * get formatted value for tooltip
+   * get formatted label for tooltip
+   * @param dataId
    * @param seriesId
    * @param seriesName
-   * @param value
    * @param itemData
    * @returns {string}
    */
-  getFormattedTooltipValue: function getFormattedTooltipValue(_ref2) {
+  getFormattedTooltipLabel: function getFormattedTooltipLabel(_ref2) {
     var _tooltipOpt$formatter;
 
-    var seriesId = _ref2.seriesId,
+    var dataId = _ref2.dataId,
+        seriesId = _ref2.seriesId,
         seriesName = _ref2.seriesName,
-        value = _ref2.value,
         itemData = _ref2.itemData;
     var opt = this.options;
+    var tooltipOpt = opt.tooltip;
+    var tooltipLabelFormatter = tooltipOpt === null || tooltipOpt === void 0 ? void 0 : (_tooltipOpt$formatter = tooltipOpt.formatter) === null || _tooltipOpt$formatter === void 0 ? void 0 : _tooltipOpt$formatter.label;
+    var formattedLabel = seriesName;
+
+    if (tooltipLabelFormatter) {
+      formattedLabel = tooltipLabelFormatter({
+        dataId: dataId,
+        seriesId: seriesId,
+        seriesName: seriesName,
+        itemData: itemData
+      });
+    }
+
+    return formattedLabel;
+  },
+
+  /**
+   * get formatted value for tooltip
+   * @param dataId
+   * @param seriesId
+   * @param seriesName
+   * @param value
+   * @param itemData
+   * @returns {string}
+   */
+  getFormattedTooltipValue: function getFormattedTooltipValue(_ref3) {
+    var _tooltipOpt$formatter2;
+
+    var dataId = _ref3.dataId,
+        seriesId = _ref3.seriesId,
+        seriesName = _ref3.seriesName,
+        value = _ref3.value,
+        itemData = _ref3.itemData;
+    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 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$formatter2 = tooltipOpt.formatter) === null || _tooltipOpt$formatter2 === void 0 ? void 0 : _tooltipOpt$formatter2.value;
     var formattedTxt = value;
 
     if (tooltipValueFormatter) {
@@ -50862,21 +50918,24 @@ var plugins_interaction_modules = {
           value: value,
           name: seriesName,
           percentage: itemData === null || itemData === void 0 ? void 0 : itemData.percentage,
-          seriesId: seriesId
+          seriesId: seriesId,
+          dataId: dataId
         });
       } else if (opt.type === 'heatMap') {
         formattedTxt = tooltipValueFormatter({
           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',
-          seriesId: seriesId
+          seriesId: seriesId,
+          dataId: dataId
         });
       } else {
         formattedTxt = tooltipValueFormatter({
           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,
-          seriesId: seriesId
+          seriesId: seriesId,
+          dataId: dataId
         });
       }
     }
@@ -50915,9 +50974,16 @@ var plugins_interaction_modules = {
         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({
+        var formattedSeriesName = this.getFormattedTooltipLabel({
+          dataId: series.id,
           seriesId: sId,
           seriesName: series.name,
+          itemData: hasData
+        });
+        var formattedValue = this.getFormattedTooltipValue({
+          dataId: series.id,
+          seriesId: sId,
+          seriesName: formattedSeriesName,
           value: hasData === null || hasData === void 0 ? void 0 : hasData.o,
           itemData: hasData
         });
@@ -50926,7 +50992,7 @@ var plugins_interaction_modules = {
           var item = {};
           item.color = series.color;
           item.hit = false;
-          item.name = series.name;
+          item.name = formattedSeriesName;
           item.axis = {
             x: series.xAxisIndex,
             y: series.yAxisIndex
@@ -50938,10 +51004,10 @@ var plugins_interaction_modules = {
         }
 
         var maxSeriesNameWidth = ctx ? ctx.measureText(maxSeriesName).width : 1;
-        var seriesNameWidth = ctx ? ctx.measureText(series.name).width : 1;
+        var seriesNameWidth = ctx ? ctx.measureText(formattedSeriesName).width : 1;
 
         if (maxSeriesNameWidth < seriesNameWidth) {
-          maxSeriesName = series.name;
+          maxSeriesName = formattedSeriesName;
         }
 
         var maxValueWidth = ctx ? ctx.measureText(maxValueTxt).width : 1;
@@ -51032,10 +51098,10 @@ var plugins_interaction_modules = {
           });
           var dataEntries = Object.entries(this.data.data);
           result.data = result.dataIndex.map(function (labelIdx) {
-            return Object.fromEntries(dataEntries.map(function (_ref3) {
-              var _ref4 = _slicedToArray(_ref3, 2),
-                  sId = _ref4[0],
-                  data = _ref4[1];
+            return Object.fromEntries(dataEntries.map(function (_ref4) {
+              var _ref5 = _slicedToArray(_ref4, 2),
+                  sId = _ref5[0],
+                  data = _ref5[1];
 
               return [sId, data[labelIdx]];
             }));
@@ -51061,9 +51127,9 @@ var plugins_interaction_modules = {
             return _this4.data.labels[targetAxisDirection][i];
           });
           var dataValues = Object.values(this.data.data)[0];
-          result.data = dataValues.filter(function (_ref5) {
-            var x = _ref5.x,
-                y = _ref5.y;
+          result.data = dataValues.filter(function (_ref6) {
+            var x = _ref6.x,
+                y = _ref6.y;
             return result.label.includes(targetAxisDirection === 'y' ? y : x);
           });
           break;
@@ -51178,14 +51244,14 @@ var plugins_interaction_modules = {
    *                 object.range: coordinate-based range in graph
    * @returns {object}
    */
-  getSelectionRange: function getSelectionRange(_ref6) {
+  getSelectionRange: function getSelectionRange(_ref7) {
     var _this$boxOverflow, _this$boxOverflow2, _this$boxOverflow3, _this$boxOverflow4;
 
-    var xsp = _ref6.xsp,
-        ysp = _ref6.ysp,
-        width = _ref6.width,
-        height = _ref6.height,
-        range = _ref6.range;
+    var xsp = _ref7.xsp,
+        ysp = _ref7.ysp,
+        width = _ref7.width,
+        height = _ref7.height,
+        range = _ref7.range;
     var dataRangeX = this.axesSteps.x.length ? this.axesSteps.x[0] : null;
     var dataRangeY = this.axesSteps.y.length ? this.axesSteps.y[0] : null;
 
@@ -51242,11 +51308,11 @@ var plugins_interaction_modules = {
 
     var sId = Object.keys(this.seriesList)[0];
 
-    var _ref7 = (_this$seriesList$sId$ = this.seriesList[sId].findSelectionRange(range)) !== null && _this$seriesList$sId$ !== void 0 ? _this$seriesList$sId$ : {},
-        xMin = _ref7.xMin,
-        xMax = _ref7.xMax,
-        yMin = _ref7.yMin,
-        yMax = _ref7.yMax;
+    var _ref8 = (_this$seriesList$sId$ = this.seriesList[sId].findSelectionRange(range)) !== null && _this$seriesList$sId$ !== void 0 ? _this$seriesList$sId$ : {},
+        xMin = _ref8.xMin,
+        xMax = _ref8.xMax,
+        yMin = _ref8.yMin,
+        yMax = _ref8.yMax;
 
     return {
       xMin: xMin !== null && xMin !== void 0 ? xMin : dataRangeX.graphMin,
@@ -51621,9 +51687,11 @@ var plugins_tooltip_modules = {
     var seriesList = [];
     seriesKeys.forEach(function (seriesName) {
       seriesList.push({
+        id: seriesName,
         data: items[seriesName].data,
         color: items[seriesName].color,
-        name: items[seriesName].name
+        name: items[seriesName].name,
+        dataId: items[seriesName].id
       });
     });
 
@@ -51648,7 +51716,7 @@ var plugins_tooltip_modules = {
     var textLineCnt = 1;
 
     for (var ix = 0; ix < seriesList.length; ix++) {
-      var _opt$fontColor$label, _opt$fontColor, _opt$fontColor$value, _opt$fontColor2;
+      var _opt$fontColor$label, _opt$fontColor$value;
 
       var gdata = seriesList[ix].data;
       var color = seriesList[ix].color;
@@ -51669,15 +51737,21 @@ var plugins_tooltip_modules = {
         }, color);
       } else {
         ctx.fillStyle = color;
-      } // 1. Draw series color
+      }
 
+      var curTooltipInfo = {
+        id: seriesList[ix].id,
+        name: seriesList[ix].name,
+        value: valueText,
+        dataId: seriesList[ix].dataId
+      }; // 1. Draw series color
 
       this.drawSeriesColorShape(ctx, opt.colorShape, {
         x: itemX,
         y: itemY
       }); // 2. Draw series name
 
-      ctx.fillStyle = (_opt$fontColor$label = (_opt$fontColor = opt.fontColor) === null || _opt$fontColor === void 0 ? void 0 : _opt$fontColor.label) !== null && _opt$fontColor$label !== void 0 ? _opt$fontColor$label : opt.fontColor;
+      ctx.fillStyle = typeof opt.fontColor.label === 'function' ? opt.fontColor.label(curTooltipInfo) : (_opt$fontColor$label = opt.fontColor.label) !== null && _opt$fontColor$label !== void 0 ? _opt$fontColor$label : opt.fontColor;
       ctx.textBaseline = 'Bottom';
       var seriesNameSpaceWidth = opt.maxWidth - Math.round(ctx.measureText(maxValue).width) - boxPadding.l - boxPadding.r - seriesColorMarginRight - VALUE_MARGIN;
       var xPos = itemX + seriesColorMarginRight;
@@ -51714,7 +51788,7 @@ var plugins_tooltip_modules = {
 
       ctx.save(); // 3. Draw value
 
-      ctx.fillStyle = (_opt$fontColor$value = (_opt$fontColor2 = opt.fontColor) === null || _opt$fontColor2 === void 0 ? void 0 : _opt$fontColor2.value) !== null && _opt$fontColor$value !== void 0 ? _opt$fontColor$value : opt.fontColor;
+      ctx.fillStyle = typeof opt.fontColor.value === 'function' ? opt.fontColor.value(curTooltipInfo) : (_opt$fontColor$value = opt.fontColor.value) !== null && _opt$fontColor$value !== void 0 ? _opt$fontColor$value : opt.fontColor;
       ctx.textAlign = 'right';
       ctx.fillText(valueText, this.tooltipDOM.offsetWidth - boxPadding.r, itemY);
       ctx.restore();
@@ -51735,7 +51809,7 @@ var plugins_tooltip_modules = {
    * @returns {undefined}
    */
   drawToolTipForHeatMap: function drawToolTipForHeatMap(hitInfo, context) {
-    var _opt$fontColor$label2, _opt$fontColor3;
+    var _opt$fontColor$label2, _opt$fontColor$value2;
 
     var ctx = context;
     var items = hitInfo.items;
@@ -51809,15 +51883,21 @@ var plugins_tooltip_modules = {
       }, hitColor);
     } else {
       ctx.fillStyle = hitColor;
-    } // 1. Draw value color
+    }
 
+    var curTooltipInfo = {
+      id: hitInfo.hitId,
+      name: hitItem.y,
+      value: valueText,
+      dataId: items[sId].id
+    }; // 1. Draw value color
 
     this.drawSeriesColorShape(ctx, opt.colorShape, {
       x: itemX,
       y: itemY
     }); // 2. Draw value y names
 
-    ctx.fillStyle = (_opt$fontColor$label2 = (_opt$fontColor3 = opt.fontColor) === null || _opt$fontColor3 === void 0 ? void 0 : _opt$fontColor3.label) !== null && _opt$fontColor$label2 !== void 0 ? _opt$fontColor$label2 : opt.fontColor;
+    ctx.fillStyle = typeof opt.fontColor.label === 'function' ? opt.fontColor.label(curTooltipInfo) : (_opt$fontColor$label2 = opt.fontColor.label) !== null && _opt$fontColor$label2 !== void 0 ? _opt$fontColor$label2 : opt.fontColor;
     ctx.textBaseline = 'Bottom';
 
     if (this.axesY.length) {
@@ -51826,6 +51906,7 @@ var plugins_tooltip_modules = {
 
 
     ctx.textAlign = 'right';
+    ctx.fillStyle = typeof opt.fontColor.value === 'function' ? opt.fontColor.value(curTooltipInfo) : (_opt$fontColor$value2 = opt.fontColor.value) !== null && _opt$fontColor$value2 !== void 0 ? _opt$fontColor$value2 : opt.fontColor;
     ctx.fillText(valueText, this.tooltipDOM.offsetWidth - boxPadding.r, itemY);
     ctx.closePath();
   },
@@ -51898,7 +51979,7 @@ var plugins_tooltip_modules = {
     var textLineCnt = 1;
 
     for (var ix = 0; ix < seriesList.length; ix++) {
-      var _opt$fontColor$label3, _opt$fontColor4;
+      var _opt$fontColor$label3, _opt$fontColor$value3;
 
       var gdata = seriesList[ix].data;
       var color = seriesList[ix].color;
@@ -51919,15 +52000,21 @@ var plugins_tooltip_modules = {
         }, color);
       } else {
         ctx.fillStyle = color;
-      } // 1. Draw series color
+      }
 
+      var curTooltipInfo = {
+        id: hitInfo.hitId,
+        name: seriesList[ix].name,
+        value: valueText,
+        dataId: seriesList[ix].dataId
+      }; // 1. Draw series color
 
       this.drawSeriesColorShape(ctx, opt.colorShape, {
         x: itemX,
         y: itemY
       }); // 2. Draw series name
 
-      ctx.fillStyle = (_opt$fontColor$label3 = (_opt$fontColor4 = opt.fontColor) === null || _opt$fontColor4 === void 0 ? void 0 : _opt$fontColor4.label) !== null && _opt$fontColor$label3 !== void 0 ? _opt$fontColor$label3 : opt.fontColor;
+      ctx.fillStyle = typeof opt.fontColor.label === 'function' ? opt.fontColor.label(curTooltipInfo) : (_opt$fontColor$label3 = opt.fontColor.label) !== null && _opt$fontColor$label3 !== void 0 ? _opt$fontColor$label3 : opt.fontColor;
       ctx.textBaseline = 'Bottom';
       var seriesNameSpaceWidth = opt.maxWidth - Math.round(ctx.measureText(maxValue).width) - boxPadding.l - boxPadding.r - seriesColorMarginRight - VALUE_MARGIN;
       var xPos = itemX + seriesColorMarginRight;
@@ -51965,6 +52052,7 @@ var plugins_tooltip_modules = {
       ctx.save(); // 3. Draw value
 
       ctx.textAlign = 'right';
+      ctx.fillStyle = typeof opt.fontColor.value === 'function' ? opt.fontColor.value(curTooltipInfo) : (_opt$fontColor$value3 = opt.fontColor.value) !== null && _opt$fontColor$value3 !== void 0 ? _opt$fontColor$value3 : opt.fontColor;
       ctx.fillText(valueText, this.tooltipDOM.offsetWidth - boxPadding.r, itemY);
       ctx.restore();
       ctx.closePath(); // 4. add lineSpacing
@@ -52016,7 +52104,7 @@ var plugins_tooltip_modules = {
     var opt = (_this$options5 = this.options) === null || _this$options5 === void 0 ? void 0 : _this$options5.tooltip;
 
     if ((_opt$formatter2 = opt.formatter) !== null && _opt$formatter2 !== void 0 && _opt$formatter2.html) {
-      var _opt$formatter3, _opt$fontColor$title, _opt$fontColor5;
+      var _opt$formatter3, _opt$fontColor$title, _opt$fontColor;
 
       this.tooltipDOM.innerHTML = '';
       var seriesList = [];
@@ -52037,7 +52125,7 @@ var plugins_tooltip_modules = {
       this.tooltipDOM.style.overflowY = 'hidden';
       this.tooltipDOM.style.backgroundColor = opt.backgroundColor;
       this.tooltipDOM.style.border = "1px solid ".concat(opt.borderColor);
-      this.tooltipDOM.style.color = (_opt$fontColor$title = (_opt$fontColor5 = opt.fontColor) === null || _opt$fontColor5 === void 0 ? void 0 : _opt$fontColor5.title) !== null && _opt$fontColor$title !== void 0 ? _opt$fontColor$title : opt.fontColor;
+      this.tooltipDOM.style.color = (_opt$fontColor$title = (_opt$fontColor = opt.fontColor) === null || _opt$fontColor === void 0 ? void 0 : _opt$fontColor.title) !== null && _opt$fontColor$title !== void 0 ? _opt$fontColor$title : opt.fontColor;
     }
   },