evui 3.4.119 → 3.4.122

package/dist/evui.umd.js

@@ -11180,7 +11180,7 @@ module.exports = exports;
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.119\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.122\"}");
 
 /***/ }),
 
@@ -42444,33 +42444,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
@@ -42497,13 +42494,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) {
@@ -54084,6 +54077,7 @@ var element_tip_modules = {
 
 
 
+
 
 
 var chart_core_EvChart = /*#__PURE__*/function () {
@@ -54386,6 +54380,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)
@@ -54437,13 +54476,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]];
 
@@ -54522,8 +54569,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;
@@ -54544,7 +54589,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)];
                 }
 
@@ -56195,7 +56240,8 @@ var DEFAULT_OPTIONS = {
     },
     error: '#FF0000',
     decimalPoint: 0
-  }
+  },
+  seriesReverse: false
 };
 var DEFAULT_DATA = {
   series: {},