tvcharts 0.7.50 → 0.7.52

package/dist/echarts.js

@@ -2091,6 +2091,7 @@ var Handler = class extends Eventful_default {
   constructor(storage2, painter, proxy, painterRoot, pointerSize) {
     super();
     this._hovered = new HoveredResult(0, 0);
+    this._defaultCursorStyle = "default";
     this.storage = storage2;
     this.painter = painter;
     this.painterRoot = painterRoot;
@@ -2125,7 +2126,7 @@ var Handler = class extends Eventful_default {
     const hovered = this._hovered = isOutside ? new HoveredResult(x, y) : this.findHover(x, y);
     const hoveredTarget = hovered.target;
     const proxy = this.proxy;
-    proxy.setCursor && proxy.setCursor(hoveredTarget ? hoveredTarget.cursor : "default");
+    proxy.setCursor && proxy.setCursor(hoveredTarget ? hoveredTarget.cursor : this._defaultCursorStyle);
     if (lastHoveredTarget && hoveredTarget !== lastHoveredTarget) {
       this.dispatchToElement(lastHovered, "mouseout", event);
     }
@@ -2160,6 +2161,11 @@ var Handler = class extends Eventful_default {
     const proxy = this.proxy;
     proxy.setCursor && proxy.setCursor(cursorStyle);
   }
+  setDefaultCursorStyle(cursorStyle) {
+    this._defaultCursorStyle = cursorStyle;
+    const proxy = this.proxy;
+    proxy.setCursor && proxy.setCursor(cursorStyle);
+  }
   dispatchToElement(targetInfo, eventName, event) {
     targetInfo = targetInfo || {};
     let el = targetInfo.target;
@@ -7121,6 +7127,12 @@ var ZRender = class {
     }
     this.handler.setCursorStyle(cursorStyle);
   }
+  setDefaultCursorStyle(cursorStyle) {
+    if (this._disposed) {
+      return;
+    }
+    this.handler.setDefaultCursorStyle(cursorStyle);
+  }
   findHover(x, y) {
     if (this._disposed) {
       return;
@@ -7203,7 +7215,7 @@ function getElementSSRData(el) {
 function registerSSRDataGetter(getter) {
   ssrDataGetter = getter;
 }
-var version = "5.6.72";
+var version = "5.6.74";
 
 // src/util/number.ts
 var RADIAN_EPSILON = 1e-4;
@@ -8715,7 +8727,7 @@ var DEFAULT_COMMON_ANIMATION_PROPS = {
   }
 };
 DEFAULT_COMMON_STYLE[STYLE_MAGIC_KEY] = true;
-var PRIMARY_STATES_KEYS2 = ["z", "z2", "invisible"];
+var PRIMARY_STATES_KEYS2 = ["z", "z2", "invisible", "zlevel"];
 var PRIMARY_STATES_KEYS_IN_HOVER_LAYER = ["invisible"];
 var Displayable2 = class extends Element_default {
   constructor(props) {
@@ -11176,7 +11188,7 @@ var ZRText = class extends Displayable_default {
       setSeparateFont(subElStyle, style);
       textY += lineHeight;
       if (fixedBoundingRect) {
-        el.setBoundingRect(new BoundingRect_default(adjustTextX(subElStyle.x, style.width, subElStyle.textAlign), adjustTextY2(subElStyle.y, calculatedLineHeight, subElStyle.textBaseline), contentWidth, calculatedLineHeight));
+        el.setBoundingRect(new BoundingRect_default(adjustTextX(subElStyle.x, contentWidth, subElStyle.textAlign), adjustTextY2(subElStyle.y, calculatedLineHeight, subElStyle.textBaseline), contentWidth, calculatedLineHeight));
       }
     }
   }
@@ -11878,11 +11890,33 @@ function findComponentHighDownDispatchers(componentMainType, componentIndex, nam
   }
   return {focusSelf, dispatchers};
 }
+function findGroupHighDownDispatchers(groupId, api2) {
+  const ecModel = api2.getModel();
+  const dispatchers = [];
+  ecModel.eachComponent(function(componentType, componentModel) {
+    if (componentModel.get("groupId") === groupId) {
+      const view = componentType === "series" ? api2.getViewOfSeriesModel(componentModel) : api2.getViewOfComponentModel(componentModel);
+      dispatchers.push(view.group);
+    }
+  });
+  return dispatchers;
+}
+function handleGroupMouseOverForHighDown(groupId, api2) {
+  const dispatchers = findGroupHighDownDispatchers(groupId, api2);
+  each(dispatchers, (el) => !el.__highByOuter && traverseUpdateState(el, singleEnterEmphasis));
+}
 function handleGlobalMouseOverForHighDown(dispatcher, e2, api2) {
   if (!isHighDownDispatcher(dispatcher)) {
     error("param should be highDownDispatcher");
   }
   const ecData = getECData(dispatcher);
+  const groupId = ecData.groupId;
+  if (groupId) {
+    const dispatchers2 = findGroupHighDownDispatchers(groupId, api2);
+    each(dispatchers2, (dispatcher2) => enterEmphasisWhenMouseOver(dispatcher2, e2));
+    api2.setMousemoveComponentGroupId(groupId);
+    return;
+  }
   const {dispatchers, focusSelf} = findComponentHighDownDispatchers(ecData.componentMainType, ecData.componentIndex, ecData.componentHighDownName, api2);
   if (dispatchers) {
     if (focusSelf) {
@@ -11895,15 +11929,21 @@ function handleGlobalMouseOverForHighDown(dispatcher, e2, api2) {
       blurComponent(ecData.componentMainType, ecData.componentIndex, api2);
     }
     enterEmphasisWhenMouseOver(dispatcher, e2);
-    console.log("%c [ ecData ]-666", "font-size:13px; background:pink; color:#bf2c9f;", ecData, e2);
   }
 }
 function handleGlobalMouseOutForHighDown(dispatcher, e2, api2) {
   if (!isHighDownDispatcher(dispatcher)) {
     error("param should be highDownDispatcher");
   }
-  allLeaveBlur(api2);
   const ecData = getECData(dispatcher);
+  const groupId = ecData.groupId;
+  if (groupId) {
+    const dispatchers2 = findGroupHighDownDispatchers(groupId, api2);
+    each(dispatchers2, (dispatcher2) => leaveEmphasisWhenMouseOut(dispatcher2, e2));
+    api2.setMousemoveComponentGroupId("");
+    return;
+  }
+  allLeaveBlur(api2);
   const {dispatchers} = findComponentHighDownDispatchers(ecData.componentMainType, ecData.componentIndex, ecData.componentHighDownName, api2);
   if (dispatchers) {
     each(dispatchers, (dispatcher2) => leaveEmphasisWhenMouseOut(dispatcher2, e2));
@@ -17995,7 +18035,7 @@ DefaultDataProvider.internalField = function() {
       }
     }
     return {
-      update: newData.length > 1 ? 1 : 0
+      update: isMustAppend && newData.length === 1 ? 0 : 1
     };
   }
 }();
@@ -20224,7 +20264,6 @@ var SeriesModel2 = class extends Component_default {
       return item;
     });
     data.updateData(list, params.isMustAppend);
-    console.log("%c [ list ]-380", "font-size:13px; background:pink; color:#bf2c9f;", list);
   }
   getData(dataType) {
     const task = getCurrentTask(this);
@@ -24173,6 +24212,9 @@ var ECharts = class extends Eventful_default {
   getOption(key) {
     return this._model && this._model.getOption(key);
   }
+  setDefaultCursorStyle(cursorStyle) {
+    this._zr.setDefaultCursorStyle(cursorStyle);
+  }
   getWidth() {
     return this._zr.getWidth();
   }
@@ -24839,7 +24881,7 @@ var ECharts = class extends Eventful_default {
         const dataList = map(params.data, (item, index2) => {
           const idx = ordinalMeta.parseAndCollect(item[0]);
           if (!seriesModel.option.data[idx]) {
-            console.log("\u5339\u914D\u4E0D\u5230\u7684\u66F4\u65B0\u4E0B\u6807", idx, ordinalMeta, item[0]);
+            console.log("\u66F4\u65B0\u4E0B\u6807\u9519\u8BEF", idx, ordinalMeta, item[0]);
             return;
           }
           const value = item.slice();
@@ -24866,7 +24908,7 @@ var ECharts = class extends Eventful_default {
         const formatData = map(params.data, (item) => {
           const idx = ordinalMeta.parseAndCollect(item[0]);
           if (isNaN(idx)) {
-            console.log("\u9519\u8BEF\u4E0B\u6807NaN", item[0], ordinalMeta);
+            console.log("\u6DFB\u52A0\u4E0B\u6807\u9519\u8BEFNaN", item[0], ordinalMeta);
             return;
           }
           if (isCandletick) {
@@ -25557,7 +25599,11 @@ ECharts.internalField = function() {
       updateZ3(seriesModel, chartView);
       updateStates(seriesModel, chartView);
     });
-    updateHoverLayerStatus(ecIns, ecModel);
+    if (ecIns.mousemoveComponentGroupId && payload?.type !== "dataZoom") {
+      console.log("\u4FDD\u7559\u9AD8\u4EAE\u72B6\u6001");
+      handleGroupMouseOverForHighDown(ecIns.mousemoveComponentGroupId, api2);
+      ecIns[STATUS_NEEDS_UPDATE_KEY] = true;
+    }
     ecIns._throttledSelectItem({
       messageCenter: ecIns._messageCenter,
       ecModel,
@@ -25790,6 +25836,12 @@ ECharts.internalField = function() {
       getViewOfSeriesModel(seriesModel) {
         return ecIns.getViewOfSeriesModel(seriesModel);
       }
+      setMousemoveComponentGroupId(id) {
+        ecIns.mousemoveComponentGroupId = id;
+      }
+      setSelectedComponentGroupId(id) {
+        ecIns.selectedComponentGroupId = id;
+      }
     }(ecIns);
   };
   enableConnect = function(chart) {
@@ -33354,7 +33406,7 @@ var Layer = class extends Eventful_default {
     const verticalPixelRatio = this.verticalPixelRatio;
     this.domBack = createDom("back-" + this.id, this.painter, horizontalPixelRatio, verticalPixelRatio);
     this.ctxBack = this.domBack.getContext("2d");
-    if (verticalPixelRatio !== 1 || horizontalPixelRatio == 1) {
+    if (verticalPixelRatio !== 1 || horizontalPixelRatio !== 1) {
       this.ctxBack.scale(horizontalPixelRatio, verticalPixelRatio);
     }
   }
@@ -33480,7 +33532,7 @@ var Layer = class extends Eventful_default {
     if (domBack) {
       domBack.width = width * horizontalPixelRatio;
       domBack.height = height * verticalPixelRatio;
-      if (verticalPixelRatio !== 1 || horizontalPixelRatio == 1) {
+      if (verticalPixelRatio !== 1 || horizontalPixelRatio !== 1) {
         this.ctxBack.scale(horizontalPixelRatio, verticalPixelRatio);
       }
     }
@@ -39143,14 +39195,7 @@ var Cartesian2D = class extends Cartesian_default {
     return new BoundingRect_default(x, y, width, height);
   }
   getBaseValue() {
-    let baseValue;
-    const seriesModal = this.seriesModal;
-    if (seriesModal) {
-      const seriesData = seriesModal.getData();
-      const dim = isCandle(seriesModal.subType) ? "close" : "y";
-      baseValue = seriesData.get(dim, 0);
-    }
-    return baseValue;
+    return this.baseValue;
   }
 };
 var Cartesian2D_default = Cartesian2D;
@@ -39634,7 +39679,10 @@ var Grid2 = class {
       seriesModel.coordinateSystem = grid.getCartesian(xAxisModel.componentIndex, yAxisModel.componentIndex);
       const copy3 = Object.create(Object.getPrototypeOf(seriesModel.coordinateSystem));
       seriesModel.coordinateSystem = Object.assign(copy3, seriesModel.coordinateSystem);
-      seriesModel.coordinateSystem.seriesModal = seriesModel;
+      const seriesData = seriesModel.getData();
+      const dim = isCandle(seriesModel.subType) ? "close" : "y";
+      const baseValue = seriesData.get(dim, 0);
+      seriesModel.coordinateSystem.baseValue = baseValue;
     });
     return grids;
   }
@@ -55817,6 +55865,7 @@ var LinesPlotView2 = class extends Chart_default {
   }
   render(seriesModel, ecModel, api2) {
     const data = seriesModel.getData();
+    const groupId = seriesModel.get("groupId");
     this._renderLine(data, seriesModel, api2);
     this._renderArea(data, seriesModel, api2);
     this._renderSymbol(data, seriesModel);
@@ -55828,6 +55877,8 @@ var LinesPlotView2 = class extends Chart_default {
     } else {
       this.group.removeClipPath();
     }
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
     this._finished = true;
   }
   _getClipShape(seriesModel) {
@@ -55841,6 +55892,7 @@ var LinesPlotView2 = class extends Chart_default {
     const linePointsByKey = data.getLayout("linePointsByKey");
     const lineVisible = seriesModel.get("lineVisible");
     if (lineVisible) {
+      const emphasisState = seriesModel.get("emphasis").emphasisState;
       if (!this._lineGroup) {
         this._lineGroup = new Group_default();
         this.group.add(this._lineGroup);
@@ -55865,6 +55917,7 @@ var LinesPlotView2 = class extends Chart_default {
           },
           z2: isDefaultColor ? LastZ2 : z2
         });
+        el.states.emphasis = emphasisState;
         lineGroup.add(el);
       });
     } else if (this._lineGroup) {
@@ -55875,6 +55928,7 @@ var LinesPlotView2 = class extends Chart_default {
   }
   _renderArea(data, seriesModel, api2) {
     const areaVisible = seriesModel.get("areaVisible");
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
     if (areaVisible) {
       if (!this._polygonGroup) {
         this._polygonGroup = new Group_default();
@@ -55903,6 +55957,7 @@ var LinesPlotView2 = class extends Chart_default {
           },
           z2: isDefaultColor ? LastZ2 : z2
         });
+        el.states.emphasis = emphasisState;
         polygonGroup.add(el);
       });
     } else if (this._polygonGroup) {
@@ -55913,6 +55968,7 @@ var LinesPlotView2 = class extends Chart_default {
   }
   _renderHistogram(data, seriesModel) {
     const histogramVisible = seriesModel.get("histogramVisible");
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
     if (histogramVisible) {
       if (!this._histogramGroup) {
         this._histogramGroup = new Group_default();
@@ -55939,6 +55995,7 @@ var LinesPlotView2 = class extends Chart_default {
           },
           z2: isDefaultColor ? LastZ2 : z2
         });
+        el.states.emphasis = emphasisState;
         histogramGroup.add(el);
       });
     } else if (this._histogramGroup) {
@@ -55952,6 +56009,7 @@ var LinesPlotView2 = class extends Chart_default {
     const symbolPointsByColor = data.getLayout("symbolPointsByColor");
     const shadowShape = seriesModel.get("shadowShape");
     if (symbolVisible) {
+      const emphasisState = seriesModel.get("emphasis").emphasisState;
       if (!this._symbolGroup) {
         this._symbolGroup = new Group_default();
         this.group.add(this._symbolGroup);
@@ -55973,6 +56031,7 @@ var LinesPlotView2 = class extends Chart_default {
             z2
           });
           shadowEl.symbolProxy = createSymbol(key, 0, 0, 0, 0);
+          shadowEl.states.emphasis = emphasisState;
           symbolGroup.add(shadowEl);
         }
         const el = new SymbolPath_default({
@@ -55980,11 +56039,12 @@ var LinesPlotView2 = class extends Chart_default {
             points: item
           },
           style: {
-            fill: "none"
+            fill: "#000000"
           },
           z2
         });
         el.symbolProxy = createSymbol(key, 0, 0, 0, 0);
+        el.states.emphasis = emphasisState;
         symbolGroup.add(el);
       });
     } else if (this._symbolGroup) {
@@ -55996,6 +56056,7 @@ var LinesPlotView2 = class extends Chart_default {
   _renderBar(data, seriesModel) {
     const barVisible = seriesModel.get("barVisible");
     if (barVisible) {
+      const emphasisState = seriesModel.get("emphasis").emphasisState;
       if (!this._barGroup) {
         this._barGroup = new Group_default();
         this.group.add(this._barGroup);
@@ -56023,6 +56084,7 @@ var LinesPlotView2 = class extends Chart_default {
             },
             z2: isDefaultColor ? LastZ2 : z2
           });
+          el.states.emphasis = emphasisState;
           barGroup.add(el);
         });
         return;
@@ -56041,6 +56103,7 @@ var LinesPlotView2 = class extends Chart_default {
           },
           z2: isDefaultColor ? LastZ2 : z2
         });
+        el.states.emphasis = emphasisState;
         barGroup.add(el);
       });
     } else if (this._barGroup) {
@@ -56083,6 +56146,7 @@ var LinesPlotSeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = LinesPlotSeriesModel2.type;
+    this.ignoreStyleOnData = true;
     this.hasSymbolVisual = true;
   }
   getInitialData(option) {
@@ -56114,6 +56178,11 @@ LinesPlotSeriesModel.defaultOption = {
   yAxisIndex: 0,
   symbol: "emptyCircle",
   symbolSize: 10,
+  emphasis: {
+    emphasisState: {
+      zlevel: 1
+    }
+  },
   geoIndex: 0,
   large: true,
   largeThreshold: 600,
@@ -56230,6 +56299,9 @@ var linesPlotLayout = {
               point[1] = lastPoints[lastPoints.length - 1][1];
             }
             lastPoints.push(point);
+            if (!symbolByStep) {
+              setSymbolPoint(pointInfo, point);
+            }
             continue;
           }
           if (!symbolByStep) {
@@ -56366,6 +56438,8 @@ var StrategyView2 = class extends Chart_default {
     }
     const symbolGroup = this._symbolGroup;
     const z2 = seriesModel.get("z2");
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const groupId = seriesModel.get("groupId");
     const upTriangle = data.getLayout("upTriangle");
     if (upTriangle && upTriangle.length) {
       const upTriangleEl = new SymbolPath_default2({
@@ -56379,6 +56453,7 @@ var StrategyView2 = class extends Chart_default {
         z2
       });
       upTriangleEl.symbolProxy = createSymbol("triangleRight", 0, 0, 0, 0);
+      upTriangleEl.states.emphasis = emphasisState;
       symbolGroup.add(upTriangleEl);
     }
     const closeUpTriangle = data.getLayout("closeUpTriangle");
@@ -56394,6 +56469,7 @@ var StrategyView2 = class extends Chart_default {
         z2
       });
       closeUpTriangleEl.symbolProxy = createSymbol("triangleRight", 0, 0, 0, 0);
+      closeUpTriangleEl.states.emphasis = emphasisState;
       symbolGroup.add(closeUpTriangleEl);
     }
     const upArrow = data.getLayout("upArrow");
@@ -56414,6 +56490,7 @@ var StrategyView2 = class extends Chart_default {
         triangleWidth: 4,
         triangleHeight: 6
       };
+      arrowUpEl.states.emphasis = emphasisState;
       symbolGroup.add(arrowUpEl);
     }
     const closeUpArrow = data.getLayout("closeUpArrow");
@@ -56434,6 +56511,7 @@ var StrategyView2 = class extends Chart_default {
         triangleWidth: 4,
         triangleHeight: 6
       };
+      closeUpArrowEl.states.emphasis = emphasisState;
       symbolGroup.add(closeUpArrowEl);
     }
     const downTriangle = data.getLayout("downTriangle");
@@ -56449,6 +56527,7 @@ var StrategyView2 = class extends Chart_default {
         z2
       });
       downTriangleEl.symbolProxy = createSymbol("triangleLeft", 0, 0, 0, 0);
+      downTriangleEl.states.emphasis = emphasisState;
       symbolGroup.add(downTriangleEl);
     }
     const closeDownTriangle = data.getLayout("closeDownTriangle");
@@ -56464,6 +56543,7 @@ var StrategyView2 = class extends Chart_default {
         z2
       });
       closeDownTriangleEl.symbolProxy = createSymbol("triangleLeft", 0, 0, 0, 0);
+      closeDownTriangleEl.states.emphasis = emphasisState;
       symbolGroup.add(closeDownTriangleEl);
     }
     const downArrow = data.getLayout("downArrow");
@@ -56484,6 +56564,7 @@ var StrategyView2 = class extends Chart_default {
         triangleWidth: 4,
         triangleHeight: 6
       };
+      arrowDownEl.states.emphasis = emphasisState;
       symbolGroup.add(arrowDownEl);
     }
     const closeDownArrow = data.getLayout("closeDownArrow");
@@ -56504,6 +56585,7 @@ var StrategyView2 = class extends Chart_default {
         triangleWidth: 4,
         triangleHeight: 6
       };
+      closeDownArrowEl.states.emphasis = emphasisState;
       symbolGroup.add(closeDownArrowEl);
     }
     const texts = data.getLayout("texts");
@@ -56525,9 +56607,12 @@ var StrategyView2 = class extends Chart_default {
           x: point[0],
           y: point[1]
         });
+        el.states.emphasis = emphasisState;
         symbolGroup.add(el);
       });
     }
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
   }
   remove(ecModel, api2) {
     this._symbolGroup && this._symbolGroup.removeAll();
@@ -56546,6 +56631,7 @@ var StrategySeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = StrategySeriesModel2.type;
+    this.ignoreStyleOnData = true;
   }
   getInitialData(option) {
     if (true) {
@@ -56576,6 +56662,11 @@ StrategySeriesModel.defaultOption = {
   legendHoverLink: true,
   xAxisIndex: 0,
   yAxisIndex: 0,
+  emphasis: {
+    emphasisState: {
+      zlevel: 1
+    }
+  },
   large: true,
   largeThreshold: 600,
   clip: true
@@ -56857,6 +56948,9 @@ var MineLinesView2 = class extends Chart_default {
     } else {
       this.group.removeClipPath();
     }
+    toggleHoverEmphasis(this.group, null, null, false);
+    const groupId = seriesModel.get("groupId");
+    getECData(this.group).groupId = groupId;
   }
   _getClipShape(seriesModel) {
     if (!seriesModel.get("clip", true)) {
@@ -56872,6 +56966,7 @@ var MineLinesView2 = class extends Chart_default {
     } else {
       this._linesGroup.removeAll();
     }
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
     const linesGroup = this._linesGroup;
     const z2 = seriesModel.get("z2");
     const linesPointById = data.getLayout("linesPointById");
@@ -56895,6 +56990,7 @@ var MineLinesView2 = class extends Chart_default {
         },
         z2
       });
+      el.states.emphasis = emphasisState;
       linesGroup.add(el);
     });
   }
@@ -56916,6 +57012,7 @@ var MineLinesSeriesModel2 = class extends Series_default {
     super(...arguments);
     this.type = MineLinesSeriesModel2.type;
     this.xFilterMode = "weakFilter";
+    this.ignoreStyleOnData = true;
     this.dataIndexById = {};
   }
   getInitialData(option) {
@@ -56974,7 +57071,12 @@ MineLinesSeriesModel.defaultOption = {
   large: true,
   largeThreshold: 600,
   clip: true,
-  limit: 50
+  limit: 50,
+  emphasis: {
+    emphasisState: {
+      zlevel: 1
+    }
+  }
 };
 var MineLinesSeries_default = MineLinesSeriesModel;
 
@@ -57161,6 +57263,9 @@ var MinePolyLinesView2 = class extends Chart_default {
     } else {
       this.group.removeClipPath();
     }
+    toggleHoverEmphasis(this.group, null, null, false);
+    const groupId = seriesModel.get("groupId");
+    getECData(this.group).groupId = groupId;
   }
   _getClipShape(seriesModel) {
     if (!seriesModel.get("clip", true)) {
@@ -57176,6 +57281,7 @@ var MinePolyLinesView2 = class extends Chart_default {
     } else {
       this._linesGroup.removeAll();
     }
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
     const linesGroup = this._linesGroup;
     const z2 = seriesModel.get("z2");
     const linesPointLayouts = data.getLayout("linesPointLayouts");
@@ -57199,6 +57305,7 @@ var MinePolyLinesView2 = class extends Chart_default {
         },
         z2
       });
+      el.states.emphasis = emphasisState;
       linesGroup.add(el);
     });
   }
@@ -57220,6 +57327,7 @@ var MinePolyLinesSeriesModel2 = class extends Series_default {
     super(...arguments);
     this.type = MinePolyLinesSeriesModel2.type;
     this.xFilterMode = "weakFilter";
+    this.ignoreStyleOnData = true;
     this.dataIndexById = {};
   }
   getInitialData(option) {
@@ -57275,6 +57383,11 @@ MinePolyLinesSeriesModel.defaultOption = {
     x: ["x1", "x2"],
     y: ["y1", "y2"]
   },
+  emphasis: {
+    emphasisState: {
+      zlevel: 1
+    }
+  },
   large: true,
   largeThreshold: 600,
   clip: true,
@@ -57380,6 +57493,9 @@ var LineFillsView2 = class extends Chart_default {
     } else {
       this.group.removeClipPath();
     }
+    toggleHoverEmphasis(this.group, null, null, false);
+    const groupId = seriesModel.get("groupId");
+    getECData(this.group).groupId = groupId;
   }
   _getClipShape(seriesModel) {
     if (!seriesModel.get("clip", true)) {
@@ -57389,6 +57505,7 @@ var LineFillsView2 = class extends Chart_default {
     return coordSys && coordSys.getArea && coordSys.getArea(0.1);
   }
   _renderLines(data, seriesModel, api2) {
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
     if (!this._linesGroup) {
       this._linesGroup = new Group_default();
       this.group.add(this._linesGroup);
@@ -57410,6 +57527,7 @@ var LineFillsView2 = class extends Chart_default {
         },
         z2
       });
+      el.states.emphasis = emphasisState;
       linesGroup.add(el);
     });
   }
@@ -57430,6 +57548,7 @@ var LineFillsSeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = LineFillsSeriesModel2.type;
+    this.ignoreStyleOnData = true;
     this.dataIndexById = {};
   }
   getInitialData(option) {
@@ -57478,6 +57597,11 @@ LineFillsSeriesModel.defaultOption = {
   z: 2,
   z2: 0,
   legendHoverLink: true,
+  emphasis: {
+    emphasisState: {
+      zlevel: 1
+    }
+  },
   xAxisIndex: 0,
   yAxisIndex: 0,
   large: true,
@@ -57635,6 +57759,8 @@ var BoxesView2 = class extends Chart_default {
     } else {
       this._linesGroup.removeAll();
     }
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const groupId = seriesModel.get("groupId");
     const linesGroup = this._linesGroup;
     const z2 = seriesModel.get("z2");
     const linesPointById = data.getLayout("linesPointById");
@@ -57652,6 +57778,7 @@ var BoxesView2 = class extends Chart_default {
         },
         z2
       });
+      el.states.emphasis = emphasisState;
       linesGroup.add(el);
     });
     const textList = data.getLayout("textList");
@@ -57682,8 +57809,11 @@ var BoxesView2 = class extends Chart_default {
       } else {
         el.useStyle({...textStyle, height: item.height});
       }
+      el.states.emphasis = emphasisState;
       linesGroup.add(el);
     });
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
   }
   remove(ecModel, api2) {
     this._linesGroup && this._linesGroup.removeAll();
@@ -57703,6 +57833,7 @@ var BoxesSeriesModel2 = class extends Series_default {
     super(...arguments);
     this.type = BoxesSeriesModel2.type;
     this.xFilterMode = "weakFilter";
+    this.ignoreStyleOnData = true;
   }
   getInitialData(option) {
     if (true) {
@@ -57749,6 +57880,11 @@ BoxesSeriesModel.defaultOption = {
     x: ["extend", "left", "right"],
     y: ["top", "bottom"]
   },
+  emphasis: {
+    emphasisState: {
+      zlevel: 1
+    }
+  },
   large: true,
   largeThreshold: 600,
   clip: true,
@@ -57945,6 +58081,7 @@ var CharPlotSeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = CharPlotSeriesModel2.type;
+    this.ignoreStyleOnData = true;
   }
   getInitialData(option, ecModel) {
     return createSeriesData_default(null, this, {
@@ -57981,7 +58118,9 @@ CharPlotSeriesModel.defaultOption = {
   large: false,
   largeThreshold: 2e3,
   emphasis: {
-    scale: true
+    emphasisState: {
+      zlevel: 1
+    }
   },
   clip: true
 };
@@ -58011,6 +58150,8 @@ var CharPlotView2 = class extends Chart_default {
     const textList = data.getLayout("textList");
     const char = seriesModel.get("char");
     const text = seriesModel.get("text");
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const groupId = seriesModel.get("groupId");
     each(charList, function(item) {
       const el = new Text_default({
         style: {
@@ -58023,6 +58164,7 @@ var CharPlotView2 = class extends Chart_default {
         x: item.x,
         y: item.y
       });
+      el.states.emphasis = emphasisState;
       textGroup.add(el);
     });
     const location = seriesModel.get("location");
@@ -58042,8 +58184,11 @@ var CharPlotView2 = class extends Chart_default {
         x: item.x,
         y: item.y
       });
+      el.states.emphasis = emphasisState;
       textGroup.add(el);
     });
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
   }
   _getClipShape(seriesModel) {
     if (!seriesModel.get("clip", true)) {
@@ -58251,6 +58396,8 @@ var CandlePlotView2 = class extends Chart_default {
     const data = seriesModel.getData();
     const group = this.group;
     group.removeAll();
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const groupId = seriesModel.get("groupId");
     const isSimpleBox = data.getLayout("isSimpleBox");
     const bodyPointsByColor = data.getLayout("bodyPointsByColor");
     const wickPointsByColor = data.getLayout("wickPointsByColor");
@@ -58266,6 +58413,7 @@ var CandlePlotView2 = class extends Chart_default {
           stroke
         }
       });
+      el.states.emphasis = emphasisState;
       group.add(el);
     });
     each(wickPointsByColor, function(points4, key) {
@@ -58278,6 +58426,7 @@ var CandlePlotView2 = class extends Chart_default {
           stroke
         }
       });
+      el.states.emphasis = emphasisState;
       group.add(el);
     });
     const clipPath = seriesModel.get("clip", true) ? createClipPath(seriesModel.coordinateSystem, false, seriesModel) : null;
@@ -58286,6 +58435,8 @@ var CandlePlotView2 = class extends Chart_default {
     } else {
       this.group.removeClipPath();
     }
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
   }
   remove(ecModel) {
     this._clear();
@@ -58304,6 +58455,7 @@ var CandlePlotSeriesModel2 = class extends Series_default {
     super(...arguments);
     this.type = CandlePlotSeriesModel2.type;
     this.notAddOrdinal = true;
+    this.ignoreStyleOnData = true;
     this.defaultValueDimensions = [
       {name: "open", defaultTooltip: true},
       {name: "close", defaultTooltip: true},
@@ -58335,9 +58487,8 @@ CandlePlotSeriesModel.defaultOption = {
     borderWidth: 1
   },
   emphasis: {
-    scale: true,
-    itemStyle: {
-      borderWidth: 2
+    emphasisState: {
+      zlevel: 1
     }
   },
   barMaxWidth: null,
@@ -58556,6 +58707,8 @@ var BarPlotView2 = class extends Chart_default {
     group.removeAll();
     const candleWidth = data.getLayout("candleWidth");
     const isSimpleBox = data.getLayout("isSimpleBox");
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const groupId = seriesModel.get("groupId");
     const bodyPointsByColor = data.getLayout("bodyPointsByColor");
     each(bodyPointsByColor, function(points4, stroke) {
       const el = new BarPath_default2({
@@ -58569,6 +58722,7 @@ var BarPlotView2 = class extends Chart_default {
           fill: "none"
         }
       });
+      el.states.emphasis = emphasisState;
       group.add(el);
     });
     const clipPath = seriesModel.get("clip", true) ? createClipPath(seriesModel.coordinateSystem, false, seriesModel) : null;
@@ -58577,6 +58731,8 @@ var BarPlotView2 = class extends Chart_default {
     } else {
       this.group.removeClipPath();
     }
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
   }
   remove(ecModel) {
     this._clear();
@@ -58595,6 +58751,7 @@ var BarPlotSeriesModel2 = class extends Series_default {
     super(...arguments);
     this.type = BarPlotSeriesModel2.type;
     this.notAddOrdinal = true;
+    this.ignoreStyleOnData = true;
     this.defaultValueDimensions = [
       {name: "open", defaultTooltip: true},
       {name: "close", defaultTooltip: true},
@@ -58621,9 +58778,8 @@ BarPlotSeriesModel.defaultOption = {
     borderWidth: 1
   },
   emphasis: {
-    scale: true,
-    itemStyle: {
-      borderWidth: 2
+    emphasisState: {
+      zlevel: 1
     }
   },
   barMaxWidth: null,
@@ -58748,6 +58904,7 @@ var ArrowsPlotSeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = ArrowsPlotSeriesModel2.type;
+    this.ignoreStyleOnData = true;
   }
   getInitialData(option, ecModel) {
     return createSeriesData_default(null, this, {
@@ -58764,7 +58921,9 @@ ArrowsPlotSeriesModel.defaultOption = {
   large: false,
   largeThreshold: 2e3,
   emphasis: {
-    scale: true
+    emphasisState: {
+      zlevel: 1
+    }
   },
   clip: true
 };
@@ -58825,6 +58984,8 @@ var ArrowsPlotView2 = class extends Chart_default {
     const bandWidth = seriesModel.coordinateSystem.getAxesByScale("ordinal")[0].scale.barSpace;
     const maxheight = seriesModel.get("maxheight");
     const minheight = seriesModel.get("minheight");
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const groupId = seriesModel.get("groupId");
     const upArrowsByColor = data.getLayout("upArrowsByColor");
     const maxValue = data.getLayout("maxValue");
     each(upArrowsByColor, function(item, color2) {
@@ -58839,6 +59000,7 @@ var ArrowsPlotView2 = class extends Chart_default {
           fill: color2
         }
       });
+      el.states.emphasis = emphasisState;
       el.symbolProxy = createSymbol("arrowUp", 0, 0, 0, 0);
       symbolGroup.add(el);
     });
@@ -58856,9 +59018,12 @@ var ArrowsPlotView2 = class extends Chart_default {
           fill: color2
         }
       });
+      el.states.emphasis = emphasisState;
       el.symbolProxy = createSymbol("arrowDown", 0, 0, 0, 0);
       symbolGroup.add(el);
     });
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
   }
   _getClipShape(seriesModel) {
     if (!seriesModel.get("clip", true)) {
@@ -58962,6 +59127,7 @@ var LabelsSeriesModel2 = class extends Series_default {
     super(...arguments);
     this.type = LabelsSeriesModel2.type;
     this.dataIndexById = {};
+    this.ignoreStyleOnData = true;
   }
   getInitialData(option, ecModel) {
     return createSeriesData_default(null, this, {
@@ -59019,7 +59185,9 @@ LabelsSeriesModel.defaultOption = {
   largeThreshold: 2e3,
   itemStyle: {},
   emphasis: {
-    scale: true
+    emphasisState: {
+      zlevel: 1
+    }
   },
   clip: true,
   limit: 50
@@ -59089,6 +59257,9 @@ var LabelsView2 = class extends Chart_default {
     const data = seriesModel.getData();
     this._renderSymbol(data, seriesModel);
     this._renderText(data, seriesModel);
+    toggleHoverEmphasis(this.group, null, null, false);
+    const groupId = seriesModel.get("groupId");
+    getECData(this.group).groupId = groupId;
     this._finished = true;
   }
   _renderText(data, seriesModel) {
@@ -59100,6 +59271,7 @@ var LabelsView2 = class extends Chart_default {
     }
     const textGroup = this._textGroup;
     const textList = data.getLayout("textList");
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
     each(textList, function(item) {
       const {
         text,
@@ -59125,6 +59297,7 @@ var LabelsView2 = class extends Chart_default {
         x: point[0] + offset[0],
         y: point[1] + offset[1]
       });
+      el.states.emphasis = emphasisState;
       textGroup.add(el);
     });
   }
@@ -59135,6 +59308,7 @@ var LabelsView2 = class extends Chart_default {
     } else {
       this._symbolGroup.removeAll();
     }
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
     const symbolGroup = this._symbolGroup;
     const symbolStyleMap = data.getLayout("symbolStyleMap");
     each(symbolStyleMap, function(item, key) {
@@ -59146,11 +59320,12 @@ var LabelsView2 = class extends Chart_default {
           isLine
         },
         style: {
-          fill: "none",
+          fill: "#000000",
           lineWidth: isLine ? 3 : void 0
         }
       });
       el.symbolProxy = createSymbol(key, 0, 0, 0, 0);
+      el.states.emphasis = emphasisState;
       symbolGroup.add(el);
     });
   }
@@ -59596,6 +59771,7 @@ var HLineSeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = HLineSeriesModel2.type;
+    this.ignoreStyleOnData = true;
   }
   getInitialData(option) {
     if (true) {
@@ -59623,7 +59799,9 @@ HLineSeriesModel.defaultOption = {
     type: "solid"
   },
   emphasis: {
-    scale: true
+    emphasisState: {
+      zlevel: 1
+    }
   },
   animationEasing: "linear",
   progressive: 0,
@@ -59650,6 +59828,8 @@ var HLinesView2 = class extends Chart_default {
     const data = seriesModel.getData();
     const lineDraw = this._lineDraw;
     lineDraw.updateData(data);
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const groupId = seriesModel.get("groupId");
     const clipPath = seriesModel.get("clip", true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
     if (clipPath) {
       this.group.setClipPath(clipPath);
@@ -59657,6 +59837,11 @@ var HLinesView2 = class extends Chart_default {
       this.group.removeClipPath();
     }
     this._finished = true;
+    toggleHoverEmphasis(this.group, null, null, false);
+    this.group.traverse(function(child) {
+      child.states.emphasis = emphasisState;
+    });
+    getECData(this.group).groupId = groupId;
   }
   eachRendered(cb) {
     this._lineDraw && this._lineDraw.eachRendered(cb);
@@ -59730,6 +59915,7 @@ var FillsSeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = FillsSeriesModel2.type;
+    this.ignoreStyleOnData = true;
   }
   getInitialData(option) {
     if (true) {
@@ -59753,7 +59939,9 @@ FillsSeriesModel.defaultOption = {
   legendHoverLink: true,
   clip: true,
   emphasis: {
-    scale: true
+    emphasisState: {
+      zlevel: 1
+    }
   },
   animationEasing: "linear",
   progressive: 0,
@@ -59830,6 +60018,8 @@ var FillsView2 = class extends Chart_default {
     const z2 = seriesModel.get("z2");
     const polygonGroup = this._polygonGroup;
     const coordSys = seriesModel.coordinateSystem;
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const groupId = seriesModel.get("groupId");
     each(pointsByColor, function(points4, key) {
       const colors = key.split(":");
       let fill = key;
@@ -59863,6 +60053,7 @@ var FillsView2 = class extends Chart_default {
         },
         z2: isDefaultFill ? -1 : z2
       });
+      el.states.emphasis = emphasisState;
       polygonGroup.add(el);
     });
     const clipPath = seriesModel.get("clip", true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
@@ -59871,6 +60062,8 @@ var FillsView2 = class extends Chart_default {
     } else {
       this.group.removeClipPath();
     }
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
   }
   eachRendered(cb) {
     traverseElements(this._polygonGroup, cb);
@@ -60018,6 +60211,7 @@ var BgColorSeriesModel2 = class extends Series_default {
   constructor() {
     super(...arguments);
     this.type = BgColorSeriesModel2.type;
+    this.ignoreStyleOnData = true;
   }
   getInitialData(option) {
     if (true) {
@@ -60039,6 +60233,11 @@ BgColorSeriesModel.defaultOption = {
   coordinateSystem: "cartesian2d",
   legendHoverLink: true,
   clip: true,
+  emphasis: {
+    emphasisState: {
+      zlevel: 1
+    }
+  },
   animationEasing: "linear",
   progressive: 0,
   hoverLayerThreshold: Infinity,
@@ -60081,10 +60280,20 @@ var BgColorPath = class extends Path_default {
         ctx2.lineTo(x, y + height);
       }
     } else {
+      let nextIndex = 0;
       for (let index = 0; index < points4.length; index++) {
         const point = points4[index];
-        const {x, y, width} = point;
+        const {x, y} = point;
+        let width = point.width;
+        nextIndex = index;
+        let nextPoint = points4[nextIndex + 1];
+        while (nextPoint && nextPoint.x === x + width) {
+          width = width + nextPoint.width;
+          nextIndex++;
+          nextPoint = points4[nextIndex + 1];
+        }
         ctx2.rect(x, y, width, height);
+        index = nextIndex;
       }
     }
   }
@@ -60107,9 +60316,11 @@ var BgColorView2 = class extends Chart_default {
     } else {
       this._bgColorGroup.removeAll();
     }
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const groupId = seriesModel.get("groupId");
     const bgColorGroup = this._bgColorGroup;
     const barWidth = Math.ceil(seriesModel.coordinateSystem.getBaseAxis().scale.barSpace) || 5;
-    const isLine = barWidth <= 2;
+    const isLine = barWidth <= 4;
     each(rectsByColor, function(rects, color2) {
       const el = new BgColorPath_default({
         shape: {
@@ -60120,9 +60331,10 @@ var BgColorView2 = class extends Chart_default {
         style: {
           fill: isLine ? null : color2,
           stroke: isLine ? color2 : "none",
-          lineWidth: isLine ? barWidth : void 0
+          lineWidth: isLine ? +barWidth : void 0
         }
       });
+      el.states.emphasis = emphasisState;
       bgColorGroup.add(el);
     });
     const clipPath = seriesModel.get("clip", true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
@@ -60131,6 +60343,8 @@ var BgColorView2 = class extends Chart_default {
     } else {
       this.group.removeClipPath();
     }
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
   }
   eachRendered(cb) {
     traverseElements(this._bgColorGroup, cb);
@@ -60182,6 +60396,7 @@ var bgColorLayout = {
       progress(params, bgColorData) {
         const rectsByColor = {};
         const barWidth = Math.ceil(coordSys.getBaseAxis().scale.barSpace) || 5;
+        const leftOffset = barWidth / 2;
         const {height, startY} = getHeight(seriesModel);
         const lastIndex = bgColorData.count(true) - 1;
         for (let i = params.start; i < params.end; i++) {
@@ -60203,7 +60418,7 @@ var bgColorLayout = {
           }
           const rects = rectsByColor[color2] || [];
           rects.push({
-            x: xPx - barWidth / 2,
+            x: xPx - leftOffset,
             y: startY,
             width
           });
@@ -63877,7 +64092,6 @@ var BaseAxisPointer = class {
     this._lastGraphicKey = graphicKey;
     if (!group) {
       group = this._group = new Group_default();
-      this._group.zLevel = 2;
       this.createPointerEl(group, elOption, axisModel, axisPointerModel);
       this.createLabelEl(group, elOption, axisModel, axisPointerModel);
       api2.getZr().add(group);
@@ -63923,6 +64137,7 @@ var BaseAxisPointer = class {
     const pointerOption = elOption.pointer;
     if (pointerOption) {
       const pointerEl = inner11(group).pointerEl = new graphic_exports[pointerOption.type](clone4(elOption.pointer));
+      pointerEl.zlevel = 2;
       group.add(pointerEl);
     }
   }
@@ -71872,7 +72087,12 @@ TableModel.type = "table";
 TableModel.defaultOption = {
   z: 6,
   tables: [],
-  paddings: 10
+  paddings: 10,
+  emphasis: {
+    emphasisState: {
+      zlevel: 1
+    }
+  }
 };
 var TableModel_default = TableModel;
 
@@ -71965,6 +72185,7 @@ var TableView2 = class extends Component_default2 {
     if (!tableModel.get("show")) {
       return;
     }
+    const emphasisState = tableModel.get("emphasis").emphasisState;
     const tables = tableModel.get("tables");
     const tableByPosition = {};
     each(tables, function(table) {
@@ -72135,6 +72356,7 @@ var TableView2 = class extends Component_default2 {
             z,
             z2: 10
           });
+          textEl.states.emphasis = emphasisState;
           tableGroup.add(textEl);
           if (border_width && border_color) {
             const cellColumn = mergeCell ? mergeCell.end_column : column;
@@ -72169,6 +72391,7 @@ var TableView2 = class extends Component_default2 {
               z,
               z2: 11
             });
+            lineEl.states.emphasis = emphasisState;
             tableGroup.add(lineEl);
           }
         });
@@ -72187,6 +72410,7 @@ var TableView2 = class extends Component_default2 {
           z,
           z2: 8
         });
+        rectEl.states.emphasis = emphasisState;
         tableGroup.add(rectEl);
       }
       if (frame_color && frame_width) {
@@ -72209,10 +72433,14 @@ var TableView2 = class extends Component_default2 {
           z,
           z2: 15
         });
+        frameEl.states.emphasis = emphasisState;
         tableGroup.add(frameEl);
       }
       group.add(tableGroup);
     });
+    toggleHoverEmphasis(this.group, null, null, false);
+    const groupId = tableModel.get("groupId");
+    getECData(this.group).groupId = groupId;
   }
 };
 var TableView = TableView2;
@@ -74951,8 +75179,9 @@ var MarkLabelView2 = class extends Component_default2 {
     const labelMap = markerModel.labelMap;
     const updatedSeriesByName = {};
     ecModel.eachSeries((seriesModel) => {
-      const invisible = seriesModel.get("priceScaleInvisible");
-      if (invisible) {
+      const priceScaleInvisible = seriesModel.get("priceScaleInvisible");
+      const invisible = seriesModel.get("invisible");
+      if (priceScaleInvisible || invisible) {
         return;
       }
       const seriesName = seriesModel.name;