evui 3.3.29 → 3.3.30

package/dist/evui.common.js

@@ -7940,7 +7940,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.29\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.30\"}");
 
 /***/ }),
 
@@ -34900,7 +34900,6 @@ var element_line_Line = /*#__PURE__*/function () {
     });
     this.type = 'line';
     this.sId = sId;
-    this.state = 'normal';
     this.extent = {
       downplay: {
         opacity: 0.1,
@@ -34931,7 +34930,9 @@ var element_line_Line = /*#__PURE__*/function () {
   _createClass(Line, [{
     key: "draw",
     value: function draw(param) {
-      var _selectedLabel$dataIn,
+      var _selectLabel$selected,
+          _selectLabel$selected2,
+          _selectSeries$option,
           _this2 = this;
 
       if (!this.show) {
@@ -34942,24 +34943,39 @@ var element_line_Line = /*#__PURE__*/function () {
           chartRect = param.chartRect,
           labelOffset = param.labelOffset,
           axesSteps = param.axesSteps,
-          selectLabel = param.selectLabel;
-      var extent = this.extent[this.state];
-      var selectLabelOption = selectLabel.option;
-      var selectedLabel = selectLabel.selected;
-      var isExistSelectedLabel = selectLabelOption.use && selectLabelOption.useSeriesOpacity && ((_selectedLabel$dataIn = selectedLabel.dataIndex) === null || _selectedLabel$dataIn === void 0 ? void 0 : _selectedLabel$dataIn.length) > 0;
-      var downplayOpacity = this.extent.downplay.opacity;
-      var fillOpacity = isExistSelectedLabel ? this.fillOpacity * downplayOpacity : this.fillOpacity * extent.opacity;
-      var lineWidth = this.lineWidth * extent.lineWidth;
+          selectLabel = param.selectLabel,
+          selectSeries = param.selectSeries,
+          legendHitInfo = param.legendHitInfo; // about selectLabel
+
+      var selectLabelOption = selectLabel === null || selectLabel === void 0 ? void 0 : selectLabel.option;
+      var useSelectLabel = (selectLabelOption === null || selectLabelOption === void 0 ? void 0 : selectLabelOption.use) && (selectLabelOption === null || selectLabelOption === void 0 ? void 0 : selectLabelOption.useSeriesOpacity);
+      var selectedLabelIndexList = (_selectLabel$selected = selectLabel === null || selectLabel === void 0 ? void 0 : (_selectLabel$selected2 = selectLabel.selected) === null || _selectLabel$selected2 === void 0 ? void 0 : _selectLabel$selected2.dataIndex) !== null && _selectLabel$selected !== void 0 ? _selectLabel$selected : []; // set Style
+
+      var extent;
+
+      if (legendHitInfo) {
+        extent = this.extent[(legendHitInfo === null || legendHitInfo === void 0 ? void 0 : legendHitInfo.sId) === this.sId ? 'highlight' : 'downplay'];
+      } else if (selectSeries !== null && selectSeries !== void 0 && (_selectSeries$option = selectSeries.option) !== null && _selectSeries$option !== void 0 && _selectSeries$option.use) {
+        var _selectSeries$selecte, _selectSeries$selecte2;
+
+        var isSelectedSeries = selectSeries === null || selectSeries === void 0 ? void 0 : (_selectSeries$selecte = selectSeries.selected) === null || _selectSeries$selecte === void 0 ? void 0 : (_selectSeries$selecte2 = _selectSeries$selecte.seriesId) === null || _selectSeries$selecte2 === void 0 ? void 0 : _selectSeries$selecte2.includes(this.sId);
+        extent = this.extent[isSelectedSeries ? 'highlight' : 'downplay'];
+      } else if (useSelectLabel && selectedLabelIndexList.length) {
+        extent = this.extent.downplay;
+      } else {
+        extent = this.extent.normal;
+      }
 
       var getOpacity = function getOpacity(colorStr) {
-        var noneDownplayOpacity = colorStr.includes('rgba') ? helpers_util.getOpacity(colorStr) : 1;
-        return _this2.state === 'downplay' || isExistSelectedLabel ? 0.1 : noneDownplayOpacity;
+        return colorStr.includes('rgba') ? helpers_util.getOpacity(colorStr) : extent.opacity;
       };
 
       var mainColor = this.color;
       var mainColorOpacity = getOpacity(mainColor);
       var pointFillColor = this.pointFill;
       var pointFillColorOpacity = getOpacity(pointFillColor);
+      var fillOpacity = getOpacity(mainColor) * this.fillOpacity;
+      var lineWidth = this.lineWidth * extent.lineWidth;
       ctx.beginPath();
       ctx.save();
       ctx.lineJoin = 'round';
@@ -35062,19 +35078,23 @@ var element_line_Line = /*#__PURE__*/function () {
           }
         });
         ctx.fill();
-      }
+      } // Draw points
 
-      if (this.point || isExistSelectedLabel) {
+
+      if (this.point || useSelectLabel) {
         ctx.strokeStyle = helpers_util.colorStringToRgba(mainColor, mainColorOpacity);
         var focusStyle = helpers_util.colorStringToRgba(pointFillColor, 1);
         var blurStyle = helpers_util.colorStringToRgba(pointFillColor, pointFillColorOpacity);
-        this.data.forEach(function (curr, i) {
-          if (curr.xp !== null && curr.yp !== null) {
-            ctx.fillStyle = isExistSelectedLabel && selectedLabel.dataIndex.includes(i) ? focusStyle : blurStyle;
+        this.data.forEach(function (curr, ix) {
+          var isSelectedLabel = selectedLabelIndexList.includes(ix);
 
-            if (_this2.point || selectedLabel.dataIndex.includes(i)) {
-              helpers_canvas.drawPoint(ctx, _this2.pointStyle, _this2.pointSize, curr.xp, curr.yp);
-            }
+          if (curr.xp === null || curr.yp === null) {
+            return;
+          }
+
+          if (_this2.point || isSelectedLabel) {
+            ctx.fillStyle = isSelectedLabel && !legendHitInfo ? focusStyle : blurStyle;
+            helpers_canvas.drawPoint(ctx, _this2.pointStyle, _this2.pointSize, curr.xp, curr.yp);
           }
         });
       }
@@ -35369,22 +35389,17 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
 
       var getOpacity = function getOpacity(colorStr, dataIndex) {
         var noneDownplayOpacity = colorStr.includes('rgba') ? helpers_util.getOpacity(colorStr) : 1;
-        var resultOpacity = noneDownplayOpacity;
-        var selectInfo = param.selectInfo;
+        var isDownplay = false;
+        var selectInfo = param.selectInfo,
+            legendHitInfo = param.legendHitInfo;
 
-        if (selectInfo) {
-          var isSelectedData = (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.seriesID) === _this2.sId && (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.dataIndex) === dataIndex;
-
-          if (isSelectedData) {
-            resultOpacity = noneDownplayOpacity;
-          } else {
-            resultOpacity = 0.1;
-          }
-        } else {
-          resultOpacity = _this2.state === 'downplay' ? 0.1 : noneDownplayOpacity;
+        if (legendHitInfo) {
+          isDownplay = legendHitInfo.sId !== _this2.sId;
+        } else if (selectInfo) {
+          isDownplay = (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.seriesID) !== _this2.sId || (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.dataIndex) !== dataIndex;
         }
 
-        return resultOpacity;
+        return isDownplay ? 0.1 : noneDownplayOpacity;
       };
 
       this.data.forEach(function (curr, idx) {
@@ -35607,7 +35622,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
       this.borderRadius = param.borderRadius;
       var categoryPoint = null;
       this.data.forEach(function (dataItem, index) {
-        var _param$selectLabel$se;
+        var _param$selectLabel, _param$selectLabel$se, _param$selectLabel2, _param$selectLabel2$s;
 
         ctx.beginPath();
         var item = dataItem;
@@ -35643,11 +35658,16 @@ var element_bar_Bar = /*#__PURE__*/function () {
         }
 
         var barColor = item.dataColor || _this2.color;
-        var selectLabelOption = param.selectLabel.option;
-        var selectedLabel = (_param$selectLabel$se = param.selectLabel.selected) !== null && _param$selectLabel$se !== void 0 ? _param$selectLabel$se : {
-          dataIndex: []
-        };
-        var isDownplay = selectLabelOption.use && selectLabelOption.useSeriesOpacity ? selectedLabel.dataIndex.length && !selectedLabel.dataIndex.includes(index) : _this2.state === 'downplay';
+        var legendHitInfo = param === null || param === void 0 ? void 0 : param.legendHitInfo;
+        var selectLabelOption = param === null || param === void 0 ? void 0 : (_param$selectLabel = param.selectLabel) === null || _param$selectLabel === void 0 ? void 0 : _param$selectLabel.option;
+        var selectedLabelList = (_param$selectLabel$se = param === null || param === void 0 ? void 0 : (_param$selectLabel2 = param.selectLabel) === null || _param$selectLabel2 === void 0 ? void 0 : (_param$selectLabel2$s = _param$selectLabel2.selected) === null || _param$selectLabel2$s === void 0 ? void 0 : _param$selectLabel2$s.dataIndex) !== null && _param$selectLabel$se !== void 0 ? _param$selectLabel$se : [];
+        var isDownplay = false;
+
+        if (legendHitInfo) {
+          isDownplay = (legendHitInfo === null || legendHitInfo === void 0 ? void 0 : legendHitInfo.sId) !== _this2.sId;
+        } else if (selectLabelOption !== null && selectLabelOption !== void 0 && selectLabelOption.use && selectLabelOption !== null && selectLabelOption !== void 0 && selectLabelOption.useSeriesOpacity) {
+          isDownplay = selectedLabelList.length && !selectedLabelList.includes(index);
+        }
 
         if (typeof barColor !== 'string') {
           ctx.fillStyle = helpers_canvas.createGradient(ctx, isHorizontal, {
@@ -36393,7 +36413,6 @@ var element_pie_Pie = /*#__PURE__*/function () {
     this.doughnutHoleSize = 0;
     this.startAngle = 0;
     this.endAngle = 0;
-    this.state = null;
     this.ctx = null;
     this.isSelect = false;
   }
@@ -36417,7 +36436,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
       var radius = this.isSelect ? this.radius + 5 : this.radius;
       var color = this.color;
       var noneDownplayOpacity = color.includes('rgba') ? helpers_util.getOpacity(color) : 1;
-      var opacity = this.state === 'downplay' ? 0.1 : noneDownplayOpacity;
+      var opacity = this.isDownplay ? 0.1 : noneDownplayOpacity;
       ctx.beginPath();
       slice.moveTo(this.centerX, this.centerY);
       slice.arc(this.centerX, this.centerY, radius, this.startAngle, this.endAngle);
@@ -36490,7 +36509,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
   }, {
     key: "itemHighlight",
     value: function itemHighlight(item, context) {
-      var _this$showValue2;
+      var _item$data, _this$showValue2;
 
       var ctx = context;
       var radius = this.isSelect ? this.radius + 5 : this.radius;
@@ -36498,7 +36517,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
       ctx.shadowOffsetX = 0;
       ctx.shadowOffsetY = 0;
       ctx.shadowBlur = 4;
-      var color = item.data.dataColor || this.color;
+      var color = (item === null || item === void 0 ? void 0 : (_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.dataColor) || this.color;
       ctx.fillStyle = color;
       ctx.shadowColor = color;
       ctx.beginPath();
@@ -39285,7 +39304,6 @@ var plugins_title_modules = {
 
 
 
-
 var plugins_legend_modules = {
   /**
    * Create legend DOM
@@ -39509,8 +39527,6 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxOver = function (e) {
-      var _this3$defaultSelectI, _this3$defaultSelectI2;
-
       var type = e.target.dataset.type;
       var targetDOM;
 
@@ -39524,19 +39540,10 @@ var plugins_legend_modules = {
 
       var nameDOM = targetDOM.getElementsByClassName('ev-chart-legend-name')[0];
       var targetId = nameDOM.series.sId;
-      var selectSeriesOption = _this3.options.selectSeries;
-      var selectedList = (_this3$defaultSelectI = (_this3$defaultSelectI2 = _this3.defaultSelectInfo) === null || _this3$defaultSelectI2 === void 0 ? void 0 : _this3$defaultSelectI2.seriesId) !== null && _this3$defaultSelectI !== void 0 ? _this3$defaultSelectI : [];
-      Object.values(_this3.seriesList).forEach(function (series) {
-        series.state = series.sId === targetId || selectSeriesOption.use && selectedList.includes(targetId) ? 'highlight' : 'downplay';
-      });
-      var hitInfo = null;
-
-      if (helpers_util.isPieType(_this3.options.type)) {
-        hitInfo = {
-          sId: targetId,
-          type: _this3.options.type
-        };
-      }
+      var legendHitInfo = {
+        sId: targetId,
+        type: _this3.options.type
+      };
 
       _this3.update({
         updateSeries: false,
@@ -39544,7 +39551,9 @@ var plugins_legend_modules = {
           update: false,
           keepDomain: false
         },
-        hitInfo: hitInfo
+        hitInfo: {
+          legend: legendHitInfo
+        }
       });
     };
     /**
@@ -39555,23 +39564,14 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxLeave = function () {
-      var _this3$defaultSelectI3, _this3$defaultSelectI4;
-
-      var selectSeriesOption = _this3.options.selectSeries;
-      var selectedList = (_this3$defaultSelectI3 = (_this3$defaultSelectI4 = _this3.defaultSelectInfo) === null || _this3$defaultSelectI4 === void 0 ? void 0 : _this3$defaultSelectI4.seriesId) !== null && _this3$defaultSelectI3 !== void 0 ? _this3$defaultSelectI3 : [];
-      Object.values(_this3.seriesList).forEach(function (series) {
-        if (selectSeriesOption.use && selectedList.length) {
-          series.state = selectedList.includes(series.sId) ? 'highlight' : 'downplay';
-        } else {
-          series.state = 'normal';
-        }
-      });
-
       _this3.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
           keepDomain: false
+        },
+        hitInfo: {
+          legend: null
         }
       });
     };
@@ -40872,9 +40872,6 @@ var es_object_from_entries = __webpack_require__("c1f9");
 
 
 
-
-
-
 var plugins_interaction_modules = {
   /**
    * Hide legend components by manipulating css
@@ -41424,37 +41421,60 @@ var plugins_interaction_modules = {
   addNotHitInfo: function addNotHitInfo(hitInfo) {
     var _hitInfo$items, _hitInfo$items$hitIte, _hitInfo$items$hitIte2, _hitInfo$items2, _hitInfo$items2$hitIt, _hitInfo$items2$hitIt2;
 
+    var ctx = this.tooltipCtx;
     var isHorizontal = !!this.options.horizontal;
     var hitItemId = Object.keys(hitInfo.items)[0];
     var hitItemData = isHorizontal ? (_hitInfo$items = hitInfo.items) === null || _hitInfo$items === void 0 ? void 0 : (_hitInfo$items$hitIte = _hitInfo$items[hitItemId]) === null || _hitInfo$items$hitIte === void 0 ? void 0 : (_hitInfo$items$hitIte2 = _hitInfo$items$hitIte.data) === null || _hitInfo$items$hitIte2 === void 0 ? void 0 : _hitInfo$items$hitIte2.y : (_hitInfo$items2 = hitInfo.items) === null || _hitInfo$items2 === void 0 ? void 0 : (_hitInfo$items2$hitIt = _hitInfo$items2[hitItemId]) === null || _hitInfo$items2$hitIt === void 0 ? void 0 : (_hitInfo$items2$hitIt2 = _hitInfo$items2$hitIt.data) === null || _hitInfo$items2$hitIt2 === void 0 ? void 0 : _hitInfo$items2$hitIt2.x;
+    var maxSeriesName = '';
+    var maxValueTxt = '';
     var sIds = Object.keys(this.seriesList);
 
     for (var ix = 0; ix < sIds.length; ix++) {
       var sId = sIds[ix];
       var series = this.seriesList[sId];
-      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;
-      });
 
-      if (hasData && !hitInfo.items[sId] && series !== null && series !== void 0 && series.show) {
-        var item = {};
-        item.color = series.color;
-        item.hit = false;
-        item.name = series.name;
-        item.axis = {
-          x: series.xAxisIndex,
-          y: series.yAxisIndex
-        };
-        item.index = isHorizontal ? series.yAxisIndex : series.xAxisIndex;
-        item.data = hasData;
-        item.data.formatted = this.getFormattedTooltipValue({
+      if (series !== null && series !== void 0 && series.show) {
+        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({
           seriesName: series.name,
-          value: hasData.o,
+          value: hasData === null || hasData === void 0 ? void 0 : hasData.o,
           itemData: hasData
         });
-        hitInfo.items[sId] = item;
+
+        if (hasData && !hitInfo.items[sId]) {
+          var item = {};
+          item.color = series.color;
+          item.hit = false;
+          item.name = series.name;
+          item.axis = {
+            x: series.xAxisIndex,
+            y: series.yAxisIndex
+          };
+          item.index = isHorizontal ? series.yAxisIndex : series.xAxisIndex;
+          item.data = hasData;
+          item.data.formatted = formattedValue;
+          hitInfo.items[sId] = item;
+        }
+
+        var maxSeriesNameWidth = ctx ? ctx.measureText(maxSeriesName).width : 1;
+        var seriesNameWidth = ctx ? ctx.measureText(series.name).width : 1;
+
+        if (maxSeriesNameWidth < seriesNameWidth) {
+          maxSeriesName = series.name;
+        }
+
+        var maxValueWidth = ctx ? ctx.measureText(maxValueTxt).width : 1;
+        var valueWidth = ctx ? ctx.measureText("".concat(formattedValue)).width : 1;
+
+        if (maxValueWidth < valueWidth) {
+          maxValueTxt = "".concat(formattedValue);
+        }
       }
     }
+
+    hitInfo.maxTip = [maxSeriesName, maxValueTxt];
   },
 
   /**
@@ -41543,17 +41563,6 @@ var plugins_interaction_modules = {
           seriesId: []
         };
       }
-
-      var selectedList = this.defaultSelectInfo.seriesId;
-      Object.values(this.seriesList).forEach(function (series) {
-        if (!selectedList.length) {
-          series.state = 'normal';
-        } else if (selectedList.includes(series.sId)) {
-          series.state = 'highlight';
-        } else {
-          series.state = 'downplay';
-        }
-      });
     }
   },
 
@@ -42529,7 +42538,10 @@ var plugins_pie_modules = {
               ctx.stroke();
             }
 
-            series.isSelect = (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.sId) === slice.id;
+            var selectInfo = hitInfo.selectInfo,
+                legendHitInfo = hitInfo.legendHitInfo;
+            series.isSelect = (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.sId) === slice.id;
+            series.isDownplay = legendHitInfo && legendHitInfo.sId !== slice.id;
             series.type = isDoughnut ? 'doughnut' : 'pie';
             series.centerX = centerX;
             series.centerY = centerY;
@@ -42634,7 +42646,10 @@ var plugins_pie_modules = {
               ctx.stroke();
             }
 
-            series.isSelect = (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.sId) === slice.id;
+            var selectInfo = hitInfo.selectInfo,
+                legendHitInfo = hitInfo.legendHitInfo;
+            series.isSelect = (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.sId) === slice.id;
+            series.isDownplay = legendHitInfo && legendHitInfo.sId !== slice.id;
             series.type = 'sunburst';
             series.centerX = centerX;
             series.centerY = centerY;
@@ -43329,7 +43344,6 @@ var element_tip_modules = {
 
 
 
-
 
 
 var chart_core_EvChart = /*#__PURE__*/function () {
@@ -43491,7 +43505,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.axesSteps = this.calculateSteps();
       this.drawAxis(hitInfo);
       this.drawSeries(hitInfo);
-      this.drawTip(hitInfo);
+      this.drawTip();
 
       if (this.bufferCanvas) {
         this.displayCtx.drawImage(this.bufferCanvas, 0, 0);
@@ -43499,7 +43513,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     }
     /**
      * Draw each series
-     * @param {any} [hitInfo=undefined]    from mousemove callback (object or undefined)
+     * @param {any} [hitInfo=undefined]   legend mouseover callback (object or undefined)
      *
      * @returns {undefined}
      */
@@ -43553,12 +43567,17 @@ var chart_core_EvChart = /*#__PURE__*/function () {
             case 'line':
             case 'heatMap':
               {
-                series.draw(opt);
+                var legendHitInfo = hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.legend;
+                series.draw(_objectSpread2({
+                  legendHitInfo: legendHitInfo
+                }, opt));
                 break;
               }
 
             case 'bar':
               {
+                var _legendHitInfo = hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.legend;
+
                 var _this$options3 = this.options,
                     thickness = _this$options3.thickness,
                     cPadRatio = _this$options3.cPadRatio,
@@ -43568,7 +43587,8 @@ var chart_core_EvChart = /*#__PURE__*/function () {
                   cPadRatio: cPadRatio,
                   borderRadius: borderRadius,
                   showSeriesCount: showSeriesCount,
-                  showIndex: showIndex
+                  showIndex: showIndex,
+                  legendHitInfo: _legendHitInfo
                 }, opt));
 
                 if (series.show) {
@@ -43580,16 +43600,24 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 
             case 'pie':
               {
-                var _ref, _this$defaultSelectIt;
+                var _this$lastHitInfo, _this$defaultSelectIt;
 
-                var selectInfo = (_ref = hitInfo !== null && hitInfo !== void 0 ? hitInfo : this.lastHitInfo) !== null && _ref !== void 0 ? _ref : {
+                var selectInfo = (_this$lastHitInfo = this.lastHitInfo) !== null && _this$lastHitInfo !== void 0 ? _this$lastHitInfo : {
                   sId: (_this$defaultSelectIt = this.defaultSelectItemInfo) === null || _this$defaultSelectIt === void 0 ? void 0 : _this$defaultSelectIt.seriesID
                 };
 
+                var _legendHitInfo2 = hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.legend;
+
                 if (this.options.sunburst) {
-                  this.drawSunburst(selectInfo);
+                  this.drawSunburst({
+                    selectInfo: selectInfo,
+                    legendHitInfo: _legendHitInfo2
+                  });
                 } else {
-                  this.drawPie(selectInfo);
+                  this.drawPie({
+                    selectInfo: selectInfo,
+                    legendHitInfo: _legendHitInfo2
+                  });
                 }
 
                 if (this.options.doughnutHoleSize > 0) {
@@ -43601,34 +43629,30 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 
             case 'scatter':
               {
+                var _legendHitInfo3 = hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.legend;
+
+                var _selectInfo = void 0;
+
                 if (selectItem.use && selectItem.useSeriesOpacity) {
-                  var _this$lastHitInfo, _this$lastHitInfo2, _this$defaultSelectIt2, _this$defaultSelectIt3;
-
-                  if (hitInfo) {
-                    if (hitInfo !== null && hitInfo !== void 0 && hitInfo.maxIndex || (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.maxIndex) === 0) {
-                      opt.selectInfo = {
-                        seriesID: hitInfo.sId,
-                        dataIndex: hitInfo.maxIndex
-                      };
-                    } else {
-                      opt.selectInfo = null;
-                    }
-                  } else if ((_this$lastHitInfo = this.lastHitInfo) !== null && _this$lastHitInfo !== void 0 && _this$lastHitInfo.maxIndex || ((_this$lastHitInfo2 = this.lastHitInfo) === null || _this$lastHitInfo2 === void 0 ? void 0 : _this$lastHitInfo2.maxIndex) === 0) {
-                    opt.selectInfo = {
-                      seriesID: this.lastHitInfo.sId,
-                      dataIndex: this.lastHitInfo.maxIndex
-                    };
-                  } else if ((_this$defaultSelectIt2 = this.defaultSelectItemInfo) !== null && _this$defaultSelectIt2 !== void 0 && _this$defaultSelectIt2.dataIndex || ((_this$defaultSelectIt3 = this.defaultSelectItemInfo) === null || _this$defaultSelectIt3 === void 0 ? void 0 : _this$defaultSelectIt3.dataIndex) === 0) {
-                    opt.selectInfo = {
-                      seriesID: this.defaultSelectItemInfo.seriesID,
-                      dataIndex: this.defaultSelectItemInfo.dataIndex
+                  var lastHitInfo = this.lastHitInfo;
+                  var defaultSelectInfo = this.defaultSelectItemInfo;
+
+                  if (lastHitInfo !== null && lastHitInfo !== void 0 && lastHitInfo.maxIndex || (lastHitInfo === null || lastHitInfo === void 0 ? void 0 : lastHitInfo.maxIndex) === 0) {
+                    _selectInfo = {
+                      seriesID: lastHitInfo.sId,
+                      dataIndex: lastHitInfo.maxIndex
                     };
+                  } else if (defaultSelectInfo !== null && defaultSelectInfo !== void 0 && defaultSelectInfo.dataIndex || (defaultSelectInfo === null || defaultSelectInfo === void 0 ? void 0 : defaultSelectInfo.dataIndex) === 0) {
+                    _selectInfo = _objectSpread2({}, defaultSelectInfo);
                   } else {
-                    opt.selectInfo = null;
+                    _selectInfo = null;
                   }
                 }
 
-                series.draw(opt);
+                series.draw(_objectSpread2({
+                  legendHitInfo: _legendHitInfo3,
+                  selectInfo: _selectInfo
+                }, opt));
                 break;
               }
 
@@ -43642,21 +43666,14 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     }
     /**
      * Draw Tip with hitInfo and defaultSelectItemInfo
-     * @param hitInfo
      */
 
   }, {
     key: "drawTip",
-    value: function drawTip(hitInfo) {
-      if (helpers_util.isPieType(hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.type)) {
-        return;
-      }
-
+    value: function drawTip() {
       var tipLocationInfo;
 
-      if (hitInfo) {
-        tipLocationInfo = hitInfo;
-      } else if (this.lastHitInfo) {
+      if (this.lastHitInfo) {
         tipLocationInfo = this.lastHitInfo;
       } else if (this.defaultSelectItemInfo) {
         tipLocationInfo = this.getItem(this.defaultSelectItemInfo, false);