evui 3.4.117 → 3.4.118

package/dist/evui.common.js

@@ -11171,7 +11171,7 @@ module.exports = exports;
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.117\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.118\"}");
 
 /***/ }),
 
@@ -42435,16 +42435,29 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
     value: function defaultScatterDraw(param) {
       var _this2 = this;
 
-      var ctx = param.ctx;
+      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) {
-        _this2.calcItem(item, param);
+        var shouldDraw = legendHitInfo ? legendHitInfo.sId === _this2.sId : !duple.has("".concat(item.x).concat(item.y));
+
+        if (shouldDraw) {
+          if (!duple.has("".concat(item.x).concat(item.y))) {
+            duple.add("".concat(item.x).concat(item.y));
+          }
 
-        if (item.xp !== null && item.yp !== null) {
-          var color = 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);
+          _this2.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);
+          }
         }
       });
     }
@@ -42460,7 +42473,8 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
     value: function realTimeScatterDraw(param) {
       var ctx = param.ctx,
           axesSteps = param.axesSteps,
-          duple = param.duple;
+          duple = param.duple,
+          legendHitInfo = param.legendHitInfo;
       var minmaxY = axesSteps.y[this.yAxisIndex];
       var pointStyle = typeof this.pointStyle === 'string' ? this.pointStyle : this.pointStyle.value;
       var pointSize = typeof this.pointSize === 'number' ? this.pointSize : this.pointSize.value;
@@ -42472,17 +42486,23 @@ 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));
+
+          if (shouldDraw) {
+            if (!duple.has("".concat(item.x).concat(item.y))) {
+              duple.add("".concat(item.x).concat(item.y));
+            }
 
-          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) {
               var overflowColor = item.y > minmaxY.graphMax && this.overflowColor;
-              var color = overflowColor || item.color || this.color;
-              ctx.strokeStyle = color;
-              var pointFillColor = overflowColor || item.color || this.pointFill || this.color;
-              ctx.fillStyle = pointFillColor;
+              var baseStrokeColor = overflowColor || item.color || this.color;
+              var baseFillColor = overflowColor || item.color || this.pointFill || this.color;
+              var strokeOpacity = this.getOpacity(param, baseStrokeColor, j);
+              var fillOpacity = this.getOpacity(param, baseFillColor, j);
+              ctx.strokeStyle = helpers_util.colorStringToRgba(baseStrokeColor, strokeOpacity);
+              ctx.fillStyle = helpers_util.colorStringToRgba(baseFillColor, fillOpacity);
               helpers_canvas.drawPoint(ctx, pointStyle, pointSize, item.xp, item.yp);
             }
           }
@@ -47166,7 +47186,9 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   updateStartEndRowIndex: function updateStartEndRowIndex() {
-    var index = Math.max(Math.floor(this.legendBoxDOM.scrollTop / this.legendItemHeight), 0);
+    var _this$legendBoxDOM;
+
+    var index = Math.max(Math.floor(((_this$legendBoxDOM = this.legendBoxDOM) === null || _this$legendBoxDOM === void 0 ? void 0 : _this$legendBoxDOM.scrollTop) / this.legendItemHeight), 0);
     this.startRowIndex = Math.min(index, Math.max(this.totalRowCount - this.visibleRowCount, 0));
     this.endRowIndex = this.startRowIndex + this.visibleRowCount + 1;
   },
@@ -47509,26 +47531,14 @@ var plugins_legend_modules = {
       });
     };
     /**
-     * callback for legendBoxDOM hovering
+     * callback for mouseleave event on legendBoxDOM
      *
      * @returns {undefined}
      */
 
 
-    this.onLegendBoxOver = function (e) {
-      var _targetDOM$series;
-
-      var targetDOM = _this8.getContainerDOM(e);
-
-      if (!targetDOM) {
-        return;
-      }
-
-      var targetId = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series = targetDOM.series) === null || _targetDOM$series === void 0 ? void 0 : _targetDOM$series.sId;
-      var legendHitInfo = {
-        sId: targetId,
-        type: _this8.options.type
-      };
+    this.onLegendBoxLeave = function () {
+      _this8.legendHover = null;
 
       _this8.update({
         updateSeries: false,
@@ -47537,18 +47547,35 @@ var plugins_legend_modules = {
           keepDomain: false
         },
         hitInfo: {
-          legend: legendHitInfo
+          legend: null
         }
       });
     };
     /**
-     * callback for mouseleave event on legendBoxDOM
+     * callback for legendBoxDOM hovering
      *
      * @returns {undefined}
      */
 
 
-    this.onLegendBoxLeave = function () {
+    this.onLegendBoxOver = function (e) {
+      var _targetDOM$series;
+
+      var targetDOM = _this8.getContainerDOM(e);
+
+      if (!targetDOM) {
+        _this8.onLegendBoxLeave();
+
+        return;
+      }
+
+      var targetId = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series = targetDOM.series) === null || _targetDOM$series === void 0 ? void 0 : _targetDOM$series.sId;
+      var legendHitInfo = {
+        sId: targetId,
+        type: _this8.options.type
+      };
+      _this8.legendHover = legendHitInfo;
+
       _this8.update({
         updateSeries: false,
         updateSelTip: {
@@ -47556,7 +47583,7 @@ var plugins_legend_modules = {
           keepDomain: false
         },
         hitInfo: {
-          legend: null
+          legend: legendHitInfo
         }
       });
     };
@@ -47653,6 +47680,28 @@ var plugins_legend_modules = {
         }
       });
     };
+    /**
+     * callback for mouseleave event on legendBoxDOM
+     *
+     * @returns {undefined}
+     */
+
+
+    this.onLegendBoxLeave = function () {
+      _this9.legendHover = null;
+      var series = Object.values(_this9.seriesList)[0];
+      series.colorState.forEach(function (item) {
+        item.state = 'normal';
+      });
+
+      _this9.update({
+        updateSeries: false,
+        updateSelTip: {
+          update: false,
+          keepDomain: false
+        }
+      });
+    };
     /**
      * callback for legendBoxDOM hovering
      *
@@ -47668,6 +47717,8 @@ var plugins_legend_modules = {
       var targetDOM = _this9.getContainerDOM(e);
 
       if (!targetDOM) {
+        _this9.onLegendBoxLeave();
+
         return;
       }
 
@@ -47676,6 +47727,7 @@ var plugins_legend_modules = {
         sId: targetId,
         type: _this9.options.type
       };
+      _this9.legendHover = legendHitInfo;
       series.colorState.forEach(function (colorItem) {
         colorItem.state = colorItem.id === targetId ? 'highlight' : 'downplay';
       });
@@ -47691,27 +47743,6 @@ var plugins_legend_modules = {
         }
       });
     };
-    /**
-     * callback for mouseleave event on legendBoxDOM
-     *
-     * @returns {undefined}
-     */
-
-
-    this.onLegendBoxLeave = function () {
-      var series = Object.values(_this9.seriesList)[0];
-      series.colorState.forEach(function (item) {
-        item.state = 'normal';
-      });
-
-      _this9.update({
-        updateSeries: false,
-        updateSelTip: {
-          update: false,
-          keepDomain: false
-        }
-      });
-    };
 
     this.legendBoxDOM.addEventListener('click', this.onLegendBoxClick);
     this.legendBoxDOM.addEventListener('mouseover', this.onLegendBoxOver);
@@ -47793,12 +47824,12 @@ var plugins_legend_modules = {
     var _this$options2,
         _this$options2$legend,
         _this$options2$legend2,
-        _this$legendBoxDOM,
+        _this$legendBoxDOM2,
         _this11 = this;
 
     var columns = (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$legend = _this$options2.legend) === null || _this$options2$legend === void 0 ? void 0 : (_this$options2$legend2 = _this$options2$legend.table) === null || _this$options2$legend2 === void 0 ? void 0 : _this$options2$legend2.columns;
     var aggregations = this.getAggregations();
-    var rowDOMList = (_this$legendBoxDOM = this.legendBoxDOM) === null || _this$legendBoxDOM === void 0 ? void 0 : _this$legendBoxDOM.getElementsByClassName('ev-chart-legend--table__row');
+    var rowDOMList = (_this$legendBoxDOM2 = this.legendBoxDOM) === null || _this$legendBoxDOM2 === void 0 ? void 0 : _this$legendBoxDOM2.getElementsByClassName('ev-chart-legend--table__row');
     rowDOMList.forEach(function (row) {
       var valueDOMList = row === null || row === void 0 ? void 0 : row.getElementsByClassName('ev-chart-legend--table__value');
       valueDOMList.forEach(function (dom) {
@@ -48090,13 +48121,13 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   setLegendPosition: function setLegendPosition() {
-    var _opt$legend, _this$wrapperDOM, _this$legendDOM, _this$legendBoxDOM2, _this$resizeDOM, _opt$title, _opt$title2, _opt$legend2, _opt$legend$padding, _opt$legend3;
+    var _opt$legend, _this$wrapperDOM, _this$legendDOM, _this$legendBoxDOM3, _this$resizeDOM, _opt$title, _opt$title2, _opt$legend2, _opt$legend$padding, _opt$legend3;
 
     var opt = this.options;
     var position = opt === null || opt === void 0 ? void 0 : (_opt$legend = opt.legend) === null || _opt$legend === void 0 ? void 0 : _opt$legend.position;
     var wrapperStyle = (_this$wrapperDOM = this.wrapperDOM) === null || _this$wrapperDOM === void 0 ? void 0 : _this$wrapperDOM.style;
     var legendStyle = (_this$legendDOM = this.legendDOM) === null || _this$legendDOM === void 0 ? void 0 : _this$legendDOM.style;
-    var boxStyle = (_this$legendBoxDOM2 = this.legendBoxDOM) === null || _this$legendBoxDOM2 === void 0 ? void 0 : _this$legendBoxDOM2.style;
+    var boxStyle = (_this$legendBoxDOM3 = this.legendBoxDOM) === null || _this$legendBoxDOM3 === void 0 ? void 0 : _this$legendBoxDOM3.style;
     var resizeStyle = (_this$resizeDOM = this.resizeDOM) === null || _this$resizeDOM === void 0 ? void 0 : _this$resizeDOM.style;
     var chartRect;
     var legendPad;
@@ -48675,6 +48706,11 @@ var plugins_legend_gradient_modules = {
         return;
       }
 
+      _this2.legendHover = {
+        sId: 'gradient',
+        type: _this2.options.type
+      };
+
       _this2.update({
         updateSeries: false,
         updateSelTip: {
@@ -48692,6 +48728,7 @@ var plugins_legend_gradient_modules = {
 
     this.onLegendBoxLeave = function () {
       _this2.legendDragInfo.dragging = false;
+      _this2.legendHover = null;
 
       _this2.clearOverlay();
 
@@ -54115,6 +54152,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     };
     this.defaultSelectItemInfo = defaultSelectItemInfo;
     this.defaultSelectInfo = defaultSelectInfo;
+    this.legendHover = null;
   }
   /**
    * Initialize chart object
@@ -54928,7 +54966,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
   }, {
     key: "update",
     value: function update(updateInfo) {
-      var _this$updateScrollbar, _this$options$realTim2;
+      var _this$updateScrollbar, _this$options$realTim2, _renderHitInfo, _this$legendHover;
 
       var options = this.options;
       var data = this.data.data;
@@ -55054,7 +55092,15 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.axesX = this.createAxes('x', options.axesX);
       this.axesY = this.createAxes('y', options.axesY);
       this.initDefaultSelectInfo();
-      this.render(updateInfo === null || updateInfo === void 0 ? void 0 : updateInfo.hitInfo);
+      var renderHitInfo = updateInfo === null || updateInfo === void 0 ? void 0 : updateInfo.hitInfo;
+
+      if (!((_renderHitInfo = renderHitInfo) !== null && _renderHitInfo !== void 0 && _renderHitInfo.legend) && (_this$legendHover = this.legendHover) !== null && _this$legendHover !== void 0 && _this$legendHover.sId) {
+        renderHitInfo = _objectSpread2(_objectSpread2({}, renderHitInfo || {}), {}, {
+          legend: this.legendHover
+        });
+      }
+
+      this.render(renderHitInfo);
       var isDragMove = this.dragInfo && this.drawSelectionArea;
 
       if (isDragMove) {