evui 3.4.118 → 3.4.120

package/dist/evui.common.js

@@ -11171,7 +11171,7 @@ module.exports = exports;
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.118\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.120\"}");
 
 /***/ }),
 
@@ -38816,12 +38816,14 @@ var modules = {
           });
         } else {
           seriesIDs.forEach(function (seriesID) {
+            var _data$seriesID, _data$seriesID2;
+
             var series = _this.seriesList[seriesID];
-            var hasPassingValueInData = data[seriesID].some(function (item) {
+            var hasPassingValueInData = data === null || data === void 0 ? void 0 : (_data$seriesID = data[seriesID]) === null || _data$seriesID === void 0 ? void 0 : _data$seriesID.some(function (item) {
               return item === series.passingValue;
             });
             series.hasPassingValueInData = hasPassingValueInData;
-            var sData = data[seriesID].map(function (item) {
+            var sData = data === null || data === void 0 ? void 0 : (_data$seriesID2 = data[seriesID]) === null || _data$seriesID2 === void 0 ? void 0 : _data$seriesID2.map(function (item) {
               if (series.interpolation === 'zero' && !item) {
                 return 0;
               }
@@ -42433,33 +42435,30 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
   }, {
     key: "defaultScatterDraw",
     value: function defaultScatterDraw(param) {
-      var _this2 = this;
-
       var ctx = param.ctx,
           axesSteps = param.axesSteps,
           duple = param.duple,
           legendHitInfo = param.legendHitInfo;
-      var minmaxY = axesSteps.y[this.yAxisIndex];
-      this.data.forEach(function (item, idx) {
-        var shouldDraw = legendHitInfo ? legendHitInfo.sId === _this2.sId : !duple.has("".concat(item.x).concat(item.y));
+      var minmaxY = axesSteps.y[this.yAxisIndex]; // Adjusted because Real Time Scatter is drawn from the back.
 
-        if (shouldDraw) {
-          if (!duple.has("".concat(item.x).concat(item.y))) {
-            duple.add("".concat(item.x).concat(item.y));
-          }
+      for (var i = 0; i < this.data.length; i++) {
+        var item = this.data[i];
+        var idx = i;
+        var shouldDraw = legendHitInfo ? legendHitInfo.sId === this.sId : duple.get("".concat(item.x).concat(item.y)) === this.sId;
 
-          _this2.calcItem(item, param);
+        if (shouldDraw) {
+          this.calcItem(item, param);
 
           if (item.xp !== null && item.yp !== null) {
-            var overflowColor = item.y > minmaxY.graphMax && _this2.overflowColor;
-            var color = overflowColor || item.dataColor || _this2.color;
-            ctx.strokeStyle = helpers_util.colorStringToRgba(color, _this2.getOpacity(param, color, idx));
-            var pointFillColor = item.dataColor || _this2.pointFill;
-            ctx.fillStyle = helpers_util.colorStringToRgba(pointFillColor, _this2.getOpacity(param, pointFillColor, idx));
-            helpers_canvas.drawPoint(ctx, _this2.pointStyle, _this2.pointSize, item.xp, item.yp);
+            var overflowColor = item.y > minmaxY.graphMax && this.overflowColor;
+            var color = overflowColor || item.dataColor || this.color;
+            ctx.strokeStyle = helpers_util.colorStringToRgba(color, this.getOpacity(param, color, idx));
+            var pointFillColor = item.dataColor || this.pointFill;
+            ctx.fillStyle = helpers_util.colorStringToRgba(pointFillColor, this.getOpacity(param, pointFillColor, idx));
+            helpers_canvas.drawPoint(ctx, this.pointStyle, this.pointSize, item.xp, item.yp);
           }
         }
-      });
+      }
     }
     /**
      * Draw real time scatter chart
@@ -42486,13 +42485,9 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
           var _this$data$this$sId2, _this$data$this$sId2$, _this$data$this$sId3, _this$data$this$sId3$;
 
           var item = (_this$data$this$sId3 = this.data[this.sId]) === null || _this$data$this$sId3 === void 0 ? void 0 : (_this$data$this$sId3$ = _this$data$this$sId3.dataGroup[i]) === null || _this$data$this$sId3$ === void 0 ? void 0 : _this$data$this$sId3$.data[j];
-          var shouldDraw = legendHitInfo ? legendHitInfo.sId === this.sId : !duple.has("".concat(item.x).concat(item.y));
+          var shouldDraw = legendHitInfo ? legendHitInfo.sId === this.sId : duple.get("".concat(item.x).concat(item.y)) === this.sId;
 
           if (shouldDraw) {
-            if (!duple.has("".concat(item.x).concat(item.y))) {
-              duple.add("".concat(item.x).concat(item.y));
-            }
-
             this.calcItem(item, param);
 
             if (item.xp !== null && item.yp !== null) {
@@ -45232,116 +45227,122 @@ var scale_Scale = /*#__PURE__*/function () {
       }
 
       if ((_this$labelStyle2 = this.labelStyle) !== null && _this$labelStyle2 !== void 0 && _this$labelStyle2.show) {
-        var distance = endPoint - startPoint;
-        var labelGap = distance / steps;
-        var ticks = [];
-        var size = stepInfo.interval;
-        var labelCenter = null;
-        var linePosition = null;
-        var offsetStartPoint = startPoint;
-        var axisMinForLabel = axisMin;
-
-        if (this.type === 'x' && options !== null && options !== void 0 && options.axesX[0].flow && dataLabels.length !== steps + 1) {
-          var axisMinByMinutes = Math.floor(axisMin / size) * size;
-
-          if (axisMinByMinutes !== +axisMin) {
-            axisMinForLabel = axisMinByMinutes + size;
-            offsetStartPoint += distance / (axisMax - axisMin) * (axisMinForLabel - axisMin);
+        (function () {
+          var distance = endPoint - startPoint;
+          var labelGap = distance / steps;
+          var ticks = [];
+          var size = stepInfo.interval;
+          var labelCenter = null;
+          var linePosition = null;
+          var offsetStartPoint = startPoint;
+          var axisMinForLabel = axisMin;
+
+          if (_this3.type === 'x' && options !== null && options !== void 0 && options.axesX[0].flow && dataLabels.length !== steps + 1) {
+            var axisMinByMinutes = Math.floor(axisMin / size) * size;
+
+            if (axisMinByMinutes !== +axisMin) {
+              axisMinForLabel = axisMinByMinutes + size;
+              offsetStartPoint += distance / (axisMax - axisMin) * (axisMinForLabel - axisMin);
+            }
           }
-        }
 
-        ctx.strokeStyle = this.gridLineColor;
-        ctx.lineWidth = 1;
-        aliasPixel = helpers_util.aliasPixel(ctx.lineWidth);
-        var labelText;
+          ctx.strokeStyle = _this3.gridLineColor;
+          ctx.lineWidth = 1;
+          aliasPixel = helpers_util.aliasPixel(ctx.lineWidth);
+          var labelText;
 
-        for (var ix = 0; ix <= steps; ix++) {
-          labelCenter = Math.round(offsetStartPoint + labelGap * ix);
+          var _loop = function _loop(ix) {
+            labelCenter = Math.round(offsetStartPoint + labelGap * ix);
 
-          if (labelCenter <= endPoint || this.type !== 'x' || !(options !== null && options !== void 0 && options.axesX[0].flow) || dataLabels.length === steps + 1) {
-            var _ticks, _this$options, _this$options$selectL, _this$options2, _this$options2$select, _selectLabelInfo$data;
+            if (labelCenter <= endPoint || _this3.type !== 'x' || !(options !== null && options !== void 0 && options.axesX[0].flow) || dataLabels.length === steps + 1) {
+              var _ticks, _this3$options, _this3$options$select, _this3$options2, _this3$options2$selec, _selectLabelInfo$data;
 
-            ctx.beginPath();
-            ticks[ix] = axisMinForLabel + ix * stepValue;
-            linePosition = labelCenter + aliasPixel;
-            labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]), {
-              prev: (_ticks = ticks[ix - 1]) !== null && _ticks !== void 0 ? _ticks : ''
-            });
-            var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && selectLabelInfo.label.map(function (t, index) {
-              var _selectLabelInfo$labe;
-
-              return _this3.getLabelFormat(Math.min(axisMax, t), {
-                prev: (_selectLabelInfo$labe = selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : selectLabelInfo.label[index - 1]) !== null && _selectLabelInfo$labe !== void 0 ? _selectLabelInfo$labe : ''
+              ctx.beginPath();
+              ticks[ix] = axisMinForLabel + ix * stepValue;
+              linePosition = labelCenter + aliasPixel;
+              labelText = _this3.getLabelFormat(Math.min(axisMax, ticks[ix]), {
+                prev: (_ticks = ticks[ix - 1]) !== null && _ticks !== void 0 ? _ticks : ''
               });
-            }).includes(labelText));
-            var labelColor = this.labelStyle.color;
-            var defaultOpacity = 1;
+              var isBlurredLabel = ((_this3$options = _this3.options) === null || _this3$options === void 0 ? void 0 : (_this3$options$select = _this3$options.selectLabel) === null || _this3$options$select === void 0 ? void 0 : _this3$options$select.use) && ((_this3$options2 = _this3.options) === null || _this3$options2 === void 0 ? void 0 : (_this3$options2$selec = _this3$options2.selectLabel) === null || _this3$options2$selec === void 0 ? void 0 : _this3$options2$selec.useLabelOpacity) && _this3.options.horizontal === (_this3.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && selectLabelInfo.label.map(function (t) {
+                var _ticks2;
 
-            if (helpers_util.getColorStringType(labelColor) === 'RGBA') {
-              defaultOpacity = helpers_util.getOpacity(labelColor);
-            }
+                return _this3.getLabelFormat(Math.min(axisMax, t), {
+                  prev: (_ticks2 = ticks[ix - 1]) !== null && _ticks2 !== void 0 ? _ticks2 : ''
+                });
+              }).includes(labelText));
+              var labelColor = _this3.labelStyle.color;
+              var defaultOpacity = 1;
 
-            ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
-            var labelPoint = void 0;
+              if (helpers_util.getColorStringType(labelColor) === 'RGBA') {
+                defaultOpacity = helpers_util.getOpacity(labelColor);
+              }
 
-            if (this.type === 'x') {
-              var _options$brush, _options$selectItem, _this$options3;
+              ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
+              var labelPoint;
 
-              labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
+              if (_this3.type === 'x') {
+                var _options$brush, _options$selectItem, _this3$options3;
 
-              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);
-              }
+                labelPoint = _this3.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
 
-              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 && !((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.horizontal)) {
-                var selectedLabel = this.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
-
-                if (selectedLabel === labelText) {
-                  var _this$labelStyle3, _options$selectItem2, _options$selectItem2$, _options$selectItem3, _options$selectItem3$;
-
-                  var height = Math.round(ctx.measureText((_this$labelStyle3 = this.labelStyle) === null || _this$labelStyle3 === void 0 ? void 0 : _this$labelStyle3.fontSize).width);
-                  helpers_util.showLabelTip({
-                    ctx: this.ctx,
-                    width: Math.round(ctx.measureText(selectedLabel).width) + 10,
-                    height: height,
-                    x: labelCenter,
-                    y: labelPoint + (height - 2),
-                    borderRadius: 2,
-                    arrowSize: 3,
-                    text: labelText,
-                    backgroundColor: options === null || options === void 0 ? void 0 : (_options$selectItem2 = options.selectItem) === null || _options$selectItem2 === void 0 ? void 0 : (_options$selectItem2$ = _options$selectItem2.labelTipStyle) === null || _options$selectItem2$ === void 0 ? void 0 : _options$selectItem2$.backgroundColor,
-                    textColor: options === null || options === void 0 ? void 0 : (_options$selectItem3 = options.selectItem) === null || _options$selectItem3 === void 0 ? void 0 : (_options$selectItem3$ = _options$selectItem3.labelTipStyle) === null || _options$selectItem3$ === void 0 ? void 0 : _options$selectItem3$.textColor
-                  });
+                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);
                 }
-              }
 
-              if ((ix !== 0 || options !== null && options !== void 0 && options.axesX[0].flow) && this.showGrid) {
-                ctx.moveTo(linePosition, offsetPoint);
-                ctx.lineTo(linePosition, offsetCounterPoint);
-              }
-            } else {
-              var _options$brush2;
+                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)) {
+                  var selectedLabel = _this3.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
+
+                  if (selectedLabel === labelText) {
+                    var _this3$labelStyle, _options$selectItem2, _options$selectItem2$, _options$selectItem3, _options$selectItem3$;
+
+                    var height = Math.round(ctx.measureText((_this3$labelStyle = _this3.labelStyle) === null || _this3$labelStyle === void 0 ? void 0 : _this3$labelStyle.fontSize).width);
+                    helpers_util.showLabelTip({
+                      ctx: _this3.ctx,
+                      width: Math.round(ctx.measureText(selectedLabel).width) + 10,
+                      height: height,
+                      x: labelCenter,
+                      y: labelPoint + (height - 2),
+                      borderRadius: 2,
+                      arrowSize: 3,
+                      text: labelText,
+                      backgroundColor: options === null || options === void 0 ? void 0 : (_options$selectItem2 = options.selectItem) === null || _options$selectItem2 === void 0 ? void 0 : (_options$selectItem2$ = _options$selectItem2.labelTipStyle) === null || _options$selectItem2$ === void 0 ? void 0 : _options$selectItem2$.backgroundColor,
+                      textColor: options === null || options === void 0 ? void 0 : (_options$selectItem3 = options.selectItem) === null || _options$selectItem3 === void 0 ? void 0 : (_options$selectItem3$ = _options$selectItem3.labelTipStyle) === null || _options$selectItem3$ === void 0 ? void 0 : _options$selectItem3$.textColor
+                    });
+                  }
+                }
 
-              labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
+                if ((ix !== 0 || options !== null && options !== void 0 && options.axesX[0].flow) && _this3.showGrid) {
+                  ctx.moveTo(linePosition, offsetPoint);
+                  ctx.lineTo(linePosition, offsetCounterPoint);
+                }
+              } else {
+                var _options$brush2;
 
-              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);
-              }
+                labelPoint = _this3.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
 
-              if (ix === steps) {
-                linePosition -= 1;
-              }
+                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);
+                }
 
-              if (ix !== 0 && this.showGrid) {
-                ctx.moveTo(offsetPoint, linePosition);
-                ctx.lineTo(offsetCounterPoint, linePosition);
+                if (ix === steps) {
+                  linePosition -= 1;
+                }
+
+                if (ix !== 0 && _this3.showGrid) {
+                  ctx.moveTo(offsetPoint, linePosition);
+                  ctx.lineTo(offsetCounterPoint, linePosition);
+                }
               }
+
+              ctx.stroke();
+              ctx.closePath();
             }
+          };
 
-            ctx.stroke();
-            ctx.closePath();
+          for (var ix = 0; ix <= steps; ix++) {
+            _loop(ix);
           }
-        }
+        })();
       } // Draw plot lines and plot bands
 
 
@@ -46839,8 +46840,8 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
       var ix;
       var maxIndex = oriSteps === count ? oriSteps : oriSteps - 1;
 
-      for (ix = 0; ix <= maxIndex; ix += count) {
-        var _this$options, _this$options$selectL, _this$options2, _this$options2$select, _selectLabelInfo$data;
+      var _loop = function _loop() {
+        var _this2$options, _this2$options$select, _this2$options2, _this2$options2$selec, _selectLabelInfo$data;
 
         ticks[ix] = dayjs_min_default()(axisMin).valueOf() + ix * stepValue;
         labelCenter = Math.round(startPoint + graphGap * ix);
@@ -46853,17 +46854,15 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
           }
         }
 
-        labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]), {
+        labelText = _this2.getLabelFormat(Math.min(axisMax, ticks[ix]), {
           prev: prev
         });
-        var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && selectLabelInfo.label.map(function (t, index) {
-          var _selectLabelInfo$labe;
-
+        var isBlurredLabel = ((_this2$options = _this2.options) === null || _this2$options === void 0 ? void 0 : (_this2$options$select = _this2$options.selectLabel) === null || _this2$options$select === void 0 ? void 0 : _this2$options$select.use) && ((_this2$options2 = _this2.options) === null || _this2$options2 === void 0 ? void 0 : (_this2$options2$selec = _this2$options2.selectLabel) === null || _this2$options2$selec === void 0 ? void 0 : _this2$options2$selec.useLabelOpacity) && _this2.options.horizontal === (_this2.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && selectLabelInfo.label.map(function (t) {
           return _this2.getLabelFormat(Math.min(axisMax, t), {
-            prev: (_selectLabelInfo$labe = selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : selectLabelInfo.label[index - 1]) !== null && _selectLabelInfo$labe !== void 0 ? _selectLabelInfo$labe : ''
+            prev: prev
           });
         }).includes(labelText));
-        var labelColor = this.labelStyle.color;
+        var labelColor = _this2.labelStyle.color;
         var defaultOpacity = 1;
 
         if (helpers_util.getColorStringType(labelColor) === 'RGBA') {
@@ -46872,21 +46871,21 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
 
         ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
 
-        if (this.type === 'x') {
-          var _this$options3, _this$options3$select, _this$options4;
+        if (_this2.type === 'x') {
+          var _this2$options3, _this2$options3$selec, _this2$options4;
 
-          labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
+          labelPoint = _this2.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
           ctx.fillText(labelText, labelCenter, labelPoint);
 
-          if (!isBlurredLabel && (_this$options3 = this.options) !== null && _this$options3 !== void 0 && (_this$options3$select = _this$options3.selectItem) !== null && _this$options3$select !== void 0 && _this$options3$select.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options4 = this.options) !== null && _this$options4 !== void 0 && _this$options4.horizontal)) {
-            var selectedLabel = this.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
+          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));
 
             if (selectedLabel === labelText) {
-              var _this$labelStyle, _this$options5, _this$options5$select, _this$options5$select2, _this$options6, _this$options6$select, _this$options6$select2;
+              var _this2$labelStyle, _this2$options5, _this2$options5$selec, _this2$options5$selec2, _this2$options6, _this2$options6$selec, _this2$options6$selec2;
 
-              var height = Math.round(ctx.measureText((_this$labelStyle = this.labelStyle) === null || _this$labelStyle === void 0 ? void 0 : _this$labelStyle.fontSize).width);
+              var height = Math.round(ctx.measureText((_this2$labelStyle = _this2.labelStyle) === null || _this2$labelStyle === void 0 ? void 0 : _this2$labelStyle.fontSize).width);
               helpers_util.showLabelTip({
-                ctx: this.ctx,
+                ctx: _this2.ctx,
                 width: Math.round(ctx.measureText(selectedLabel).width) + 10,
                 height: height,
                 x: labelCenter,
@@ -46894,27 +46893,31 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
                 borderRadius: 2,
                 arrowSize: 3,
                 text: labelText,
-                backgroundColor: (_this$options5 = this.options) === null || _this$options5 === void 0 ? void 0 : (_this$options5$select = _this$options5.selectItem) === null || _this$options5$select === void 0 ? void 0 : (_this$options5$select2 = _this$options5$select.labelTipStyle) === null || _this$options5$select2 === void 0 ? void 0 : _this$options5$select2.backgroundColor,
-                textColor: (_this$options6 = this.options) === null || _this$options6 === void 0 ? void 0 : (_this$options6$select = _this$options6.selectItem) === null || _this$options6$select === void 0 ? void 0 : (_this$options6$select2 = _this$options6$select.labelTipStyle) === null || _this$options6$select2 === void 0 ? void 0 : _this$options6$select2.textColor
+                backgroundColor: (_this2$options5 = _this2.options) === null || _this2$options5 === void 0 ? void 0 : (_this2$options5$selec = _this2$options5.selectItem) === null || _this2$options5$selec === void 0 ? void 0 : (_this2$options5$selec2 = _this2$options5$selec.labelTipStyle) === null || _this2$options5$selec2 === void 0 ? void 0 : _this2$options5$selec2.backgroundColor,
+                textColor: (_this2$options6 = _this2.options) === null || _this2$options6 === void 0 ? void 0 : (_this2$options6$selec = _this2$options6.selectItem) === null || _this2$options6$selec === void 0 ? void 0 : (_this2$options6$selec2 = _this2$options6$selec.labelTipStyle) === null || _this2$options6$selec2 === void 0 ? void 0 : _this2$options6$selec2.textColor
               });
             }
           }
 
-          if (ix !== 0 && ix < oriSteps && this.showGrid) {
+          if (ix !== 0 && ix < oriSteps && _this2.showGrid) {
             ctx.moveTo(linePosition, offsetPoint);
             ctx.lineTo(linePosition, offsetCounterPoint);
           }
         } else {
-          labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
+          labelPoint = _this2.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
           ctx.fillText(labelText, labelPoint, labelCenter);
 
-          if (ix !== 0 && ix < oriSteps && this.showGrid) {
+          if (ix !== 0 && ix < oriSteps && _this2.showGrid) {
             ctx.moveTo(offsetPoint, linePosition);
             ctx.lineTo(offsetCounterPoint, linePosition);
           }
         }
 
         ctx.stroke();
+      };
+
+      for (ix = 0; ix <= maxIndex; ix += count) {
+        _loop();
       }
 
       if (this.categoryMode && alignToGridLine && ix * count === oriSteps) {
@@ -54065,6 +54068,7 @@ var element_tip_modules = {
 
 
 
+
 
 
 var chart_core_EvChart = /*#__PURE__*/function () {
@@ -54367,6 +54371,51 @@ var chart_core_EvChart = /*#__PURE__*/function () {
         this.displayCtx.drawImage(this.bufferCanvas, 0, 0);
       }
     }
+    /**
+     * Collect duplicate point keys for scatter overlap detection
+     * @param {Map<string, string>} duple
+     * @param {string[]} chartTypeSet
+     *
+     * @returns {undefined}
+     */
+
+  }, {
+    key: "collectDuplicatePoints",
+    value: function collectDuplicatePoints(duple, chartTypeSet) {
+      var isReverseOrder = !!this.options.reverse;
+
+      for (var jx = isReverseOrder ? chartTypeSet.length - 1 : 0; isReverseOrder ? jx >= 0 : jx < chartTypeSet.length; isReverseOrder ? jx-- : jx++) {
+        var _this$options$realTim;
+
+        var series = this.seriesList[chartTypeSet[jx]];
+
+        if ((_this$options$realTim = this.options.realTimeScatter) !== null && _this$options$realTim !== void 0 && _this$options$realTim.use) {
+          var _series$data$series$s;
+
+          var seriesDatas = (_series$data$series$s = series.data[series.sId]) === null || _series$data$series$s === void 0 ? void 0 : _series$data$series$s.dataGroup;
+
+          for (var i = 0; i < seriesDatas.length; i++) {
+            var _seriesDatas$i;
+
+            var dataItems = ((_seriesDatas$i = seriesDatas[i]) === null || _seriesDatas$i === void 0 ? void 0 : _seriesDatas$i.data) || [];
+
+            for (var j = 0; j < dataItems.length; j++) {
+              var item = dataItems[j];
+              duple.set("".concat(item.x).concat(item.y), series.sId);
+            }
+          }
+        } else {
+          var _this$data$data$chart;
+
+          var _seriesDatas = (_this$data$data$chart = this.data.data[chartTypeSet[jx]]) !== null && _this$data$data$chart !== void 0 ? _this$data$data$chart : [];
+
+          for (var _i = 0; _i < _seriesDatas.length; _i++) {
+            var _item = _seriesDatas[_i];
+            duple.set("".concat(_item.x).concat(_item.y), series.sId);
+          }
+        }
+      }
+    }
     /**
      * Draw each series
      * @param {any} [hitInfo=undefined]   legend mouseover callback (object or undefined)
@@ -54418,13 +54467,21 @@ var chart_core_EvChart = /*#__PURE__*/function () {
           showSeriesCount++;
         }
       });
-      var duple = new Set();
+      /**
+       * new Map<`${x}${y}`, seriesID>
+       */
+
+      var duple = new Map();
       var chartKeys = Object.keys(this.seriesInfo.charts);
 
       for (var ix = 0; ix < chartKeys.length; ix++) {
         var chartType = chartKeys[ix];
         var chartTypeSet = this.seriesInfo.charts[chartType];
 
+        if (chartType === 'scatter') {
+          this.collectDuplicatePoints(duple, chartTypeSet);
+        }
+
         for (var jx = 0; jx < chartTypeSet.length; jx++) {
           var series = this.seriesList[chartTypeSet[jx]];
 
@@ -54503,8 +54560,6 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 
             case 'scatter':
               {
-                var _this$options$realTim;
-
                 var _legendHitInfo4 = hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.legend;
 
                 var _selectInfo = void 0;
@@ -54525,7 +54580,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
                   }
                 }
 
-                if ((_this$options$realTim = this.options.realTimeScatter) !== null && _this$options$realTim !== void 0 && _this$options$realTim.use) {
+                if (this.options.seriesReverse) {
                   series = this.seriesList[chartTypeSet.at(-1 - jx)];
                 }
 
@@ -56176,7 +56231,8 @@ var DEFAULT_OPTIONS = {
     },
     error: '#FF0000',
     decimalPoint: 0
-  }
+  },
+  seriesReverse: false
 };
 var DEFAULT_DATA = {
   series: {},