tvcharts 0.8.79 → 0.8.80

package/dist/echarts.js

@@ -11506,9 +11506,9 @@ function isPlot(type) {
 
 // src/chart/helper/createRenderPlanner.ts
 function createRenderPlanner() {
-  const inner25 = makeInner();
+  const inner26 = makeInner();
   return function(seriesModel) {
-    const fields = inner25(seriesModel);
+    const fields = inner26(seriesModel);
     const pipelineContext = seriesModel.pipelineContext;
     const originalLarge = !!fields.large;
     const originalProgressive = !!fields.progressiveRender;
@@ -16325,9 +16325,9 @@ function getNearestPalette(palettes, requestColorNum) {
   }
   return palettes[paletteNum - 1];
 }
-function getFromPalette(that, inner25, defaultPalette, layeredPalette, name, scope, requestNum) {
+function getFromPalette(that, inner26, defaultPalette, layeredPalette, name, scope, requestNum) {
   scope = scope || that;
-  const scopeFields = inner25(scope);
+  const scopeFields = inner26(scope);
   const paletteIdx = scopeFields.paletteIdx || 0;
   const paletteNameMap = scopeFields.paletteNameMap = scopeFields.paletteNameMap || {};
   if (paletteNameMap.hasOwnProperty(name)) {
@@ -16345,9 +16345,9 @@ function getFromPalette(that, inner25, defaultPalette, layeredPalette, name, sco
   scopeFields.paletteIdx = (paletteIdx + 1) % palette.length;
   return pickedPaletteItem;
 }
-function clearPalette(that, inner25) {
-  inner25(that).paletteIdx = 0;
-  inner25(that).paletteNameMap = {};
+function clearPalette(that, inner26) {
+  inner26(that).paletteIdx = 0;
+  inner26(that).paletteNameMap = {};
 }
 
 // src/model/Global.ts
@@ -36651,9 +36651,9 @@ var LineView = class extends Chart_default {
         });
       }
       if (valueAnimation) {
-        const inner25 = labelInner(endLabel);
-        if (typeof inner25.setLabelText === "function") {
-          inner25.setLabelText(value);
+        const inner26 = labelInner(endLabel);
+        if (typeof inner26.setLabelText === "function") {
+          inner26.setLabelText(value);
         }
       }
     }
@@ -56123,7 +56123,42 @@ var PolyPlotPath = class extends Path_default {
     return new PolyPlotShape();
   }
   buildPath(ctx2, shape) {
-    const {points: points4, baseY} = shape;
+    const {points: points4, baseY, connectSelf, barWidth} = shape;
+    if (connectSelf) {
+      const offset = barWidth / 2;
+      let isMove = false;
+      let lastExistIndex = -1;
+      for (let index = 0; index < points4.length; index++) {
+        const point = points4[index];
+        if (point === 0 || isPointNull4(point)) {
+          isMove = true;
+          continue;
+        }
+        const [x, y] = point;
+        const nextPoint = points4[index + 1];
+        const nextIsNull = !nextPoint || nextPoint === 0 || isPointNull4(nextPoint);
+        if (lastExistIndex < 0 || isMove) {
+          ctx2.moveTo(x - offset, y);
+          if (nextIsNull) {
+            ctx2.lineTo(x + offset, y);
+            ctx2.lineTo(x + offset, baseY);
+            ctx2.lineTo(x - offset, baseY);
+            ctx2.lineTo(x - offset, y);
+          }
+          isMove = false;
+        } else {
+          ctx2.lineTo(x + offset, y);
+          if (nextIsNull) {
+            ctx2.lineTo(x + offset, baseY);
+            const startPoint = points4[lastExistIndex];
+            ctx2.lineTo(startPoint[0] - x, baseY);
+            ctx2.lineTo(startPoint[0] - x, startPoint[1]);
+          }
+        }
+        lastExistIndex = index;
+      }
+      return;
+    }
     let startIndex = 0;
     for (let index = 0; index < points4.length; index++) {
       const point = points4[index];
@@ -56643,13 +56678,18 @@ var LinesPlotView2 = class extends Chart_default {
       const z2 = seriesModel.get("z2");
       const baseY = seriesModel.coordinateSystem.dataToPoint([0, histbase], true)[1];
       const visualColor = getAreaGradient(data, seriesModel, api2);
+      const connectNulls = seriesModel.get("connectNulls");
+      const step = seriesModel.get("step");
+      const barSpace = Math.floor((seriesModel.coordinateSystem.getAxesByScale("ordinal")[0].scale.barSpace || calculatebandWidth(seriesModel, data)) * 0.8) || 1;
       each(linePointsByKey, function(item, key) {
         const [stroke] = key.split(":");
         const {color: color2, isDefaultColor} = getFormatColor(stroke);
         const el = new PolyPlotPath_default({
           shape: {
             points: item,
-            baseY
+            baseY,
+            connectSelf: !connectNulls && !step,
+            barWidth: barSpace
           },
           style: {
             stroke: "none",
@@ -60547,6 +60587,8 @@ var variableMap = {
   lCross: 1
 };
 var lineSymbols = ["xCross", "lCross"];
+var isBottomSymbols = ["labelUp", "labelUpperLeft", "labelUpperRight"];
+var inner12 = makeInner();
 var LabelsView2 = class extends Chart_default {
   constructor() {
     super(...arguments);
@@ -60554,8 +60596,11 @@ var LabelsView2 = class extends Chart_default {
   }
   render(seriesModel, ecModel, api2) {
     const data = seriesModel.getData();
+    this.seriesModel = seriesModel;
+    this.api = api2;
     this._renderSymbol(data, seriesModel);
     this._renderText(data, seriesModel);
+    this._renderTooltipSymbol(data, seriesModel);
     toggleHoverEmphasis(this.group, null, null, false);
     const groupId = seriesModel.get("groupId");
     getECData(this.group).groupId = groupId;
@@ -60633,6 +60678,46 @@ var LabelsView2 = class extends Chart_default {
       symbolGroup.add(el);
     });
   }
+  _renderTooltipSymbol(data, seriesModel) {
+    if (!this._toolTipGroup) {
+      this._toolTipGroup = new Group_default();
+      this.group.add(this._toolTipGroup);
+      this.group.on("mouseover", this._mouseover, this);
+      this.group.on("mouseout", this._mouseout, this);
+    } else {
+      this._toolTipGroup.removeAll();
+    }
+    const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const toolTipGroup = this._toolTipGroup;
+    const tooltipSymbols = data.getLayout("tooltipSymbols");
+    each(tooltipSymbols, function({point, size, color: color2, offset, shape, index, symbol}) {
+      const isLine = lineSymbols.includes(symbol);
+      const [xOffset, yOffset] = offset;
+      const [x, y] = point;
+      if (isNaN(x) || isNaN(y)) {
+        return;
+      }
+      const needCenter = !variableMap[symbol];
+      const [width, height] = size;
+      const el = createSymbol(symbol, 0, 0, 0, 0);
+      el.style = {
+        fill: color2,
+        stroke: isLine ? color2 : "none",
+        lineWidth: isLine ? 2 : void 0
+      };
+      el.shape = {
+        ...el.shape,
+        x: x - (needCenter ? width / 2 : 0) + xOffset,
+        y: y - (needCenter ? height / 2 : 0) + yOffset,
+        width,
+        height,
+        ...shape
+      };
+      inner12(el).index = index;
+      el.states.emphasis = emphasisState;
+      toolTipGroup.add(el);
+    });
+  }
   _getClipShape(seriesModel) {
     if (!seriesModel.get("clip", true)) {
       return;
@@ -60640,13 +60725,60 @@ var LabelsView2 = class extends Chart_default {
     const coordSys = seriesModel.coordinateSystem;
     return coordSys && coordSys.getArea && coordSys.getArea(0.1);
   }
-  remove(ecModel, api2) {
+  _mouseover(e2) {
+    const obj = inner12(e2.target);
+    if (typeof obj.index !== "number") {
+      return;
+    }
+    const data = this.seriesModel.getData();
+    const dataModal = data.getItemModel(obj.index);
+    const rect = e2.target._rect;
+    const tooltip = dataModal.get("tooltipText");
+    const symbol = dataModal.get("symbol");
+    const position2 = isBottomSymbols.includes(symbol) ? "bottom" : "top";
+    const x = rect.x + rect.width / 2;
+    const y = position2 === "bottom" ? rect.y + rect.height : rect.y;
+    this._clearTimer();
+    this._timer = setTimeout(() => {
+      this.api.dispatchAction({
+        type: "showTipText",
+        escapeConnect: true,
+        text: tooltip,
+        x,
+        y,
+        position: position2
+      });
+      this._isTooltipOpen = true;
+    }, 300);
+  }
+  _mouseout() {
+    this._clearTimer();
+    if (this._isTooltipOpen) {
+      this.api.dispatchAction({
+        type: "hideTipText",
+        escapeConnect: true
+      });
+      this._isTooltipOpen = false;
+    }
+  }
+  _clearTimer() {
+    if (this._timer) {
+      clearTimeout(this._timer);
+      this._timer = null;
+    }
+  }
+  remove() {
     this._symbolGroup && this._symbolGroup.removeAll();
     this._symbolGroup = null;
     this._textGroup && this._textGroup.removeAll();
     this._textGroup = null;
+    this._toolTipGroup && this._toolTipGroup.removeAll();
+    this._toolTipGroup = null;
+    this.seriesModel = null;
+    this.api = null;
   }
   dispose() {
+    this.remove();
   }
 };
 var LabelsView = LabelsView2;
@@ -60967,6 +61099,7 @@ var labelsLayout = {
     return {
       progress(params, labelsData) {
         const symbolStyleMap = {};
+        const tooltipSymbols = [];
         const textList = [];
         const tmpIn = [];
         const lastIndex = data.count(true) - 1;
@@ -61049,15 +61182,28 @@ var labelsLayout = {
             symbolPoint[1] = symbolPoint[1] + symbolRect[1] / 2;
           }
           if (symbol !== "none" && itemModel.option.itemStyle.color) {
-            const symbolStyles = symbolStyleMap[symbol] || [];
-            symbolStyles.push({
-              point: symbolPoint,
-              size: symbolRect,
-              offset: symbolOffset,
-              color: itemModel.option.itemStyle.color,
-              shape: symbolShape
-            });
-            symbolStyleMap[symbol] = symbolStyles;
+            const tooltip = itemModel.get("tooltipText");
+            if (tooltip) {
+              tooltipSymbols.push({
+                point: symbolPoint,
+                size: symbolRect,
+                offset: symbolOffset,
+                color: itemModel.option.itemStyle.color,
+                shape: symbolShape,
+                index: i,
+                symbol
+              });
+            } else {
+              const symbolStyles = symbolStyleMap[symbol] || [];
+              symbolStyles.push({
+                point: symbolPoint,
+                size: symbolRect,
+                offset: symbolOffset,
+                color: itemModel.option.itemStyle.color,
+                shape: symbolShape
+              });
+              symbolStyleMap[symbol] = symbolStyles;
+            }
           }
           if (textShow) {
             const labelPoint = symbolPoint.slice();
@@ -61085,7 +61231,8 @@ var labelsLayout = {
         }
         labelsData.setLayout({
           symbolStyleMap,
-          textList
+          textList,
+          tooltipSymbols
         });
       }
     };
@@ -65380,7 +65527,7 @@ GraphicComponentModel.defaultOption = {
 };
 
 // src/component/axisPointer/BaseAxisPointer.ts
-var inner12 = makeInner();
+var inner13 = makeInner();
 var elInner = makeInner();
 var clone4 = clone;
 var bind3 = bind;
@@ -65466,26 +65613,26 @@ var BaseAxisPointer = class {
   createPointerEl(group, elOption, axisModel, axisPointerModel) {
     const pointerOption = elOption.pointer;
     if (pointerOption) {
-      const pointerEl = inner12(group).pointerEl = new graphic_exports[pointerOption.type](clone4(elOption.pointer));
+      const pointerEl = inner13(group).pointerEl = new graphic_exports[pointerOption.type](clone4(elOption.pointer));
       group.add(pointerEl);
     }
   }
   createLabelEl(group, elOption, axisModel, axisPointerModel) {
     if (elOption.label) {
-      const labelEl = inner12(group).labelEl = new Text_default(clone4(elOption.label));
+      const labelEl = inner13(group).labelEl = new Text_default(clone4(elOption.label));
       group.add(labelEl);
       updateLabelShowHide(labelEl, axisPointerModel);
     }
   }
   updatePointerEl(group, elOption, updateProps3) {
-    const pointerEl = inner12(group).pointerEl;
+    const pointerEl = inner13(group).pointerEl;
     if (pointerEl && elOption.pointer) {
       pointerEl.setStyle(elOption.pointer.style);
       updateProps3(pointerEl, {shape: elOption.pointer.shape});
     }
   }
   updateLabelEl(group, elOption, updateProps3, axisPointerModel) {
-    const labelEl = inner12(group).labelEl;
+    const labelEl = inner13(group).labelEl;
     if (labelEl) {
       labelEl.setStyle(elOption.label.style);
       updateProps3(labelEl, {
@@ -65646,7 +65793,7 @@ var BaseAxisPointer = class {
     this._payloadInfo = trans;
     handle.stopAnimation();
     handle.attr(getHandleTransProps(trans));
-    inner12(handle).lastProp = null;
+    inner13(handle).lastProp = null;
     this._doDispatchAxisPointer();
   }
   _doDispatchAxisPointer() {
@@ -65711,8 +65858,8 @@ var BaseAxisPointer = class {
   }
 };
 function updateProps2(animationModel, moveAnimation, el, props) {
-  if (!propsEqual(inner12(el).lastProp, props)) {
-    inner12(el).lastProp = props;
+  if (!propsEqual(inner13(el).lastProp, props)) {
+    inner13(el).lastProp = props;
     moveAnimation ? updateProps(el, props, animationModel) : (el.stopAnimation(), el.attr(props));
   }
 }
@@ -66037,23 +66184,23 @@ AxisPointerModel.defaultOption = {
 var AxisPointerModel_default = AxisPointerModel;
 
 // src/component/axisPointer/globalListener.ts
-var inner13 = makeInner();
+var inner14 = makeInner();
 var each14 = each;
 function register(key, api2, handler) {
   if (env_default.node) {
     return;
   }
   const zr = api2.getZr();
-  inner13(zr).records || (inner13(zr).records = {});
+  inner14(zr).records || (inner14(zr).records = {});
   initGlobalListeners(zr, api2);
-  const record = inner13(zr).records[key] || (inner13(zr).records[key] = {});
+  const record = inner14(zr).records[key] || (inner14(zr).records[key] = {});
   record.handler = handler;
 }
 function initGlobalListeners(zr, api2) {
-  if (inner13(zr).initialized) {
+  if (inner14(zr).initialized) {
     return;
   }
-  inner13(zr).initialized = true;
+  inner14(zr).initialized = true;
   useHandler("click", curry(doEnter, "click"));
   useHandler("mousemove", curry(doEnter, "mousemove"));
   useHandler("mouseup", curry(doEnter, "mouseup"));
@@ -66062,7 +66209,7 @@ function initGlobalListeners(zr, api2) {
   function useHandler(eventType, cb) {
     zr.on(eventType, function(e2) {
       const dis = makeDispatchAction(api2);
-      each14(inner13(zr).records, function(record) {
+      each14(inner14(zr).records, function(record) {
         record && cb(record, e2, dis.dispatchAction);
       });
       dispatchTooltipFinally(dis.pendings, api2);
@@ -66113,9 +66260,9 @@ function unregister(key, api2) {
     return;
   }
   const zr = api2.getZr();
-  const record = (inner13(zr).records || {})[key];
+  const record = (inner14(zr).records || {})[key];
   if (record) {
-    inner13(zr).records[key] = null;
+    inner14(zr).records[key] = null;
   }
 }
 
@@ -66233,7 +66380,7 @@ function findPointFromSeries(finder, ecModel) {
 }
 
 // src/component/axisPointer/axisTrigger.ts
-var inner14 = makeInner();
+var inner15 = makeInner();
 function axisTrigger(payload, ecModel, api2) {
   const currTrigger = payload.currTrigger;
   let point = [payload.x, payload.y];
@@ -66497,8 +66644,8 @@ function dispatchPointer(ecModel, shouldHide, point, dispatchAction3) {
 function dispatchHighDownActually(axesInfo, dispatchAction3, api2) {
   const zr = api2.getZr();
   const highDownKey = "axisPointerLastHighlights";
-  const lastHighlights = inner14(zr)[highDownKey] || {};
-  const newHighlights = inner14(zr)[highDownKey] = {};
+  const lastHighlights = inner15(zr)[highDownKey] || {};
+  const newHighlights = inner15(zr)[highDownKey] = {};
   each(axesInfo, function(axisInfo, key) {
     const option = axisInfo.axisPointerModel.option;
     option.status === "show" && axisInfo.triggerEmphasis && each(option.seriesDataIndices, function(batchItem) {
@@ -66733,7 +66880,7 @@ RadiusAxis.prototype.radiusToData = Axis_default.prototype.coordToData;
 var RadiusAxis_default = RadiusAxis;
 
 // src/coord/polar/AngleAxis.ts
-var inner15 = makeInner();
+var inner16 = makeInner();
 var AngleAxis = class extends Axis_default {
   constructor(scale4, angleExtent) {
     super("angle", scale4, angleExtent || [0, 360]);
@@ -66758,7 +66905,7 @@ var AngleAxis = class extends Axis_default {
     let dh = maxH / unitH;
     isNaN(dh) && (dh = Infinity);
     let interval = Math.max(0, Math.floor(dh));
-    const cache = inner15(axis.model);
+    const cache = inner16(axis.model);
     const lastAutoInterval = cache.lastAutoInterval;
     const lastTickCount = cache.lastTickCount;
     if (lastAutoInterval != null && lastTickCount != null && Math.abs(lastAutoInterval - interval) <= 1 && Math.abs(lastTickCount - tickCount) <= 1 && lastAutoInterval > interval) {
@@ -68803,7 +68950,7 @@ var nonShapeGraphicElements = {
   image: Image_default,
   text: Text_default
 };
-var inner16 = makeInner();
+var inner17 = makeInner();
 var GraphicComponentView2 = class extends Component_default2 {
   constructor() {
     super(...arguments);
@@ -68848,6 +68995,7 @@ var GraphicComponentView2 = class extends Component_default2 {
     });
   }
   _dataZoomUpdateElements(graphicModel, ecIns) {
+    const elMap = this._elMap;
     const existList = graphicModel.option.elements || [];
     existList.filter((item) => item.getDataZoomElements).forEach((item) => {
       const element = item.getDataZoomElements();
@@ -68857,6 +69005,10 @@ var GraphicComponentView2 = class extends Component_default2 {
       if (element.getElementLabels) {
         item.getElementLabels = element.getElementLabels;
       }
+      const el = elMap.get(item.id);
+      if (el && element.ignore !== el.ignore) {
+        el.ignore = element.ignore;
+      }
     });
   }
   _updateElements(graphicModel, ecModel, api2) {
@@ -68907,7 +69059,7 @@ var GraphicComponentView2 = class extends Component_default2 {
           }
           el2 = createEl2(id, targetElParent, elOption.type, elMap);
         } else {
-          el2 && (inner16(el2).isNew = false);
+          el2 && (inner17(el2).isNew = false);
           stopPreviousKeyframeAnimationAndRestore(el2);
         }
         if (el2) {
@@ -68945,7 +69097,7 @@ var GraphicComponentView2 = class extends Component_default2 {
           let isInit = false;
           if (isMerge) {
             const oldClipPath = el.getClipPath();
-            isInit = !oldClipPath || inner16(oldClipPath).type !== clipPathType;
+            isInit = !oldClipPath || inner17(oldClipPath).type !== clipPathType;
             clipPath = isInit ? newEl(clipPathType) : oldClipPath;
           } else if (isReplace) {
             isInit = true;
@@ -68955,7 +69107,7 @@ var GraphicComponentView2 = class extends Component_default2 {
           applyUpdateTransition(clipPath, clipPathOption, graphicModel, {isInit});
           applyKeyframeAnimation(clipPath, clipPathOption.keyframeAnimation, graphicModel);
         }
-        const elInner2 = inner16(el);
+        const elInner2 = inner17(el);
         el.setTextConfig(textConfig);
         elInner2.option = elOption;
         setEventData(el, graphicModel, elOption);
@@ -68985,8 +69137,8 @@ var GraphicComponentView2 = class extends Component_default2 {
       }
       const parentEl = el.parent;
       const isParentRoot = parentEl === rootGroup;
-      const elInner2 = inner16(el);
-      const parentElInner = inner16(parentEl);
+      const elInner2 = inner17(el);
+      const parentElInner = inner17(parentEl);
       elInner2.width = parsePercent2(elInner2.option.width, isParentRoot ? apiWidth : parentElInner.width) || 0;
       elInner2.height = parsePercent2(elInner2.option.height, isParentRoot ? apiHeight : parentElInner.height) || 0;
     }
@@ -68998,7 +69150,7 @@ var GraphicComponentView2 = class extends Component_default2 {
         continue;
       }
       const parentEl = el.parent;
-      const parentElInner = inner16(parentEl);
+      const parentElInner = inner17(parentEl);
       const containerInfo = parentEl === rootGroup ? {
         width: apiWidth,
         height: apiHeight
@@ -69008,7 +69160,7 @@ var GraphicComponentView2 = class extends Component_default2 {
       };
       const layoutPos = {};
       const layouted = positionElement(el, elOption, containerInfo, null, {hv: elOption.hv, boundingMode: elOption.bounding}, layoutPos);
-      if (!inner16(el).isNew && layouted) {
+      if (!inner17(el).isNew && layouted) {
         const transition = elOption.transition;
         const animatePos = {};
         for (let k = 0; k < xy.length; k++) {
@@ -69039,13 +69191,13 @@ var GraphicComponentView2 = class extends Component_default2 {
     if (isInit) {
       el = createEl2(id, targetElParent, labelOption.type, elLabelMap);
     } else {
-      el && (inner16(el).isNew = false);
+      el && (inner17(el).isNew = false);
     }
     if (el) {
       const elOptionCleaned = getCleanedElOption(labelOption);
       updateCommonAttrs(el, labelOption, globalZ, globalZLevel);
       applyUpdateTransition(el, elOptionCleaned, graphicModel, {isInit});
-      inner16(el).y = el.y;
+      inner17(el).y = el.y;
     }
     if (labelOption.children) {
       each(labelOption.children, (childLabelOption) => {
@@ -69072,10 +69224,10 @@ var GraphicComponentView2 = class extends Component_default2 {
     const elMap = this._elMap;
     const elLabelMap = this._elLabelMap;
     elMap.each((el) => {
-      removeEl(el, inner16(el).option, elMap, this._lastGraphicModel);
+      removeEl(el, inner17(el).option, elMap, this._lastGraphicModel);
     });
     elLabelMap.each((el) => {
-      removeEl(el, inner16(el).option, elLabelMap, this._lastGraphicModel);
+      removeEl(el, inner17(el).option, elLabelMap, this._lastGraphicModel);
     });
     this._clearSeriesLabels();
     this._elMap = createHashMap();
@@ -69099,15 +69251,15 @@ function newEl(graphicType) {
     assert(Clz, `graphic type ${graphicType} can not be found`);
   }
   const el = new Clz({});
-  inner16(el).type = graphicType;
+  inner17(el).type = graphicType;
   return el;
 }
 function createEl2(id, targetElParent, graphicType, elMap) {
   const el = newEl(graphicType);
   targetElParent.add(el);
   elMap.set(id, el);
-  inner16(el).id = id;
-  inner16(el).isNew = true;
+  inner17(el).id = id;
+  inner17(el).isNew = true;
   return el;
 }
 function removeEl(elExisting, elOption, elMap, graphicModel) {
@@ -69117,7 +69269,7 @@ function removeEl(elExisting, elOption, elMap, graphicModel) {
       removeEl(el, elOption, elMap, graphicModel);
     });
     applyLeaveTransition(elExisting, elOption, graphicModel);
-    elMap.removeKey(inner16(elExisting).id);
+    elMap.removeKey(inner17(elExisting).id);
   }
 }
 function removeLabelEl(elOption, elMap) {
@@ -69131,7 +69283,7 @@ function removeLabelEl(elOption, elMap) {
         removeLabelEl(option, elMap);
       });
     }
-    elMap.removeKey(inner16(elExisting).id);
+    elMap.removeKey(inner17(elExisting).id);
   }
 }
 function updateCommonAttrs(el, elOption, defaultZ, defaultZlevel) {
@@ -71056,7 +71208,7 @@ var DataView_default = DataView;
 
 // src/component/dataZoom/history.ts
 var each16 = each;
-var inner17 = makeInner();
+var inner18 = makeInner();
 function push(ecModel, newSnapshot) {
   const storedSnapshots = getStoreSnapshots(ecModel);
   each16(newSnapshot, function(batchItem, dataZoomId) {
@@ -71098,13 +71250,13 @@ function pop(ecModel) {
   return snapshot;
 }
 function clear2(ecModel) {
-  inner17(ecModel).snapshots = null;
+  inner18(ecModel).snapshots = null;
 }
 function count(ecModel) {
   return getStoreSnapshots(ecModel).length;
 }
 function getStoreSnapshots(ecModel) {
-  const store = inner17(ecModel);
+  const store = inner18(ecModel);
   if (!store.snapshots) {
     store.snapshots = [{}];
   }
@@ -72145,11 +72297,11 @@ var TooltipTextHtmlContent = class {
       style.transform = "translateX(-50%) translateY(-100%)";
     } else {
       style.top = y + margin2 + "px";
-      style.transform = "translateX(-50%) translateY(100%)";
+      style.transform = "translateX(-50%)";
       triangleStyle = "transform: translateX(-50%) translateY(-50%) rotate(45deg); position: absolute; top: 0px;";
     }
     el.innerHTML = `<div>
-        <div style="min-width: 32px; padding: 2px 8px; color: #fff; background-color: rgb(42, 46, 57); font-size: 12px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px;">${text}</div>
+        <div style="min-width: 32px; padding: 2px 8px; color: #fff; background-color: rgb(42, 46, 57); font-size: 12px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px; white-space: pre;">${text}</div>
         <div style="width: 6px; height: 6px; ${triangleStyle} left: 50%; background-color: rgb(42, 46, 57);"></div>
         </div>`;
   }
@@ -72755,7 +72907,8 @@ var TooltipView2 = class extends Component_default2 {
         const ordinalMeta = scale4.getOrdinalMeta();
         const dataIndex = typeof time === "number" ? time : ordinalMeta.getOrdinal(time) ?? ordinalMeta.getClosestTime(time);
         const data = mainSeriesModal.getData();
-        const price2 = data.getByRawIndex(position2 === "top" ? "highest" : "", dataIndex);
+        const dim = isCandle(mainSeriesModal.subType) ? position2 === "top" ? "highest" : "lowest" : "y";
+        const price2 = data.getByRawIndex(dim, dataIndex);
         const yAxisModel = coordSys.getAxis("y");
         y = yAxisModel.toGlobalCoord(yAxisModel.dataToCoord(price2));
         x = xAxisModal.toGlobalCoord(xAxisModal.dataToCoord(dataIndex));
@@ -76153,6 +76306,7 @@ var PlaybackOrderView4 = class extends Component_default2 {
     if (!this.orderGroup) {
       return;
     }
+    this.clearTimer();
     if (this.mouseSelected || this.selected) {
       this.api.dispatchAction({
         type: "hideTipText",
@@ -77144,7 +77298,7 @@ function checkMarkerInSeries(seriesOpts, markerType) {
 function fillLabel(opt) {
   defaultEmphasis(opt, "label", ["show"]);
 }
-var inner18 = makeInner();
+var inner19 = makeInner();
 var MarkerModel2 = class extends Component_default {
   constructor() {
     super(...arguments);
@@ -77175,9 +77329,9 @@ var MarkerModel2 = class extends Component_default {
     if (!createdBySelf) {
       ecModel.eachSeries(function(seriesModel) {
         const markerOpt = seriesModel.get(this.mainType, true);
-        let markerModel = inner18(seriesModel)[componentType];
+        let markerModel = inner19(seriesModel)[componentType];
         if (!markerOpt || !markerOpt.data) {
-          inner18(seriesModel)[componentType] = null;
+          inner19(seriesModel)[componentType] = null;
           return;
         }
         if (!markerModel) {
@@ -77203,7 +77357,7 @@ var MarkerModel2 = class extends Component_default {
         } else {
           markerModel._mergeOption(markerOpt, ecModel, true);
         }
-        inner18(seriesModel)[componentType] = markerModel;
+        inner19(seriesModel)[componentType] = markerModel;
       }, this);
     }
   }
@@ -77228,7 +77382,7 @@ var MarkerModel2 = class extends Component_default {
     this._data = data;
   }
   static getMarkerModelFromSeries(seriesModel, componentType) {
-    return inner18(seriesModel)[componentType];
+    return inner19(seriesModel)[componentType];
   }
 };
 var MarkerModel = MarkerModel2;
@@ -77387,7 +77541,7 @@ function numCalculate(data, valueDataDim, type) {
 }
 
 // src/component/marker/MarkerView.ts
-var inner19 = makeInner();
+var inner20 = makeInner();
 var MarkerView2 = class extends Component_default2 {
   constructor() {
     super(...arguments);
@@ -77399,18 +77553,18 @@ var MarkerView2 = class extends Component_default2 {
   render(markerModel, ecModel, api2) {
     const markerGroupMap = this.markerGroupMap;
     markerGroupMap.each(function(item) {
-      inner19(item).keep = false;
+      inner20(item).keep = false;
     });
     ecModel.eachSeries((seriesModel) => {
       const markerModel2 = MarkerModel_default.getMarkerModelFromSeries(seriesModel, this.type);
       markerModel2 && this.renderSeries(seriesModel, markerModel2, ecModel, api2);
     });
     markerGroupMap.each((item) => {
-      !inner19(item).keep && this.group.remove(item.group);
+      !inner20(item).keep && this.group.remove(item.group);
     });
   }
   markKeep(drawGroup) {
-    inner19(drawGroup).keep = true;
+    inner20(drawGroup).keep = true;
   }
   toggleBlurSeries(seriesModelList, isBlur) {
     each(seriesModelList, (seriesModel) => {
@@ -77609,7 +77763,7 @@ MarkLineModel.defaultOption = {
 var MarkLineModel_default = MarkLineModel;
 
 // src/component/marker/MarkLineView.ts
-var inner20 = makeInner();
+var inner21 = makeInner();
 var markLineTransform = function(seriesModel, coordSys, mlModel, item) {
   const data = seriesModel.getData();
   let itemArray;
@@ -77730,8 +77884,8 @@ var MarkLineView2 = class extends MarkerView_default {
       const mlModel = MarkerModel_default.getMarkerModelFromSeries(seriesModel, "markLine");
       if (mlModel) {
         const mlData = mlModel.getData();
-        const fromData = inner20(mlModel).from;
-        const toData = inner20(mlModel).to;
+        const fromData = inner21(mlModel).from;
+        const toData = inner21(mlModel).to;
         fromData.each(function(idx) {
           updateSingleMarkerEndLayout(fromData, idx, true, seriesModel, api2);
           updateSingleMarkerEndLayout(toData, idx, false, seriesModel, api2);
@@ -77757,8 +77911,8 @@ var MarkLineView2 = class extends MarkerView_default {
     const fromData = mlData.from;
     const toData = mlData.to;
     const lineData = mlData.line;
-    inner20(mlModel).from = fromData;
-    inner20(mlModel).to = toData;
+    inner21(mlModel).from = fromData;
+    inner21(mlModel).to = toData;
     mlModel.setData(lineData);
     let symbolType = mlModel.get("symbol");
     let symbolSize = mlModel.get("symbolSize");
@@ -77920,7 +78074,7 @@ MarkAreaModel.defaultOption = {
 var MarkAreaModel_default = MarkAreaModel;
 
 // src/component/marker/MarkAreaView.ts
-var inner21 = makeInner();
+var inner22 = makeInner();
 var markAreaTransform = function(seriesModel, coordSys, maModel, item) {
   const item0 = item[0];
   const item1 = item[1];
@@ -78090,7 +78244,7 @@ var MarkAreaView2 = class extends MarkerView_default {
       }
       areaData.setItemVisual(idx, "style", style);
     });
-    areaData.diff(inner21(polygonGroup).data).add(function(idx) {
+    areaData.diff(inner22(polygonGroup).data).add(function(idx) {
       const layout18 = areaData.getItemLayout(idx);
       if (!layout18.allClipped) {
         const polygon = new Polygon_default({
@@ -78102,7 +78256,7 @@ var MarkAreaView2 = class extends MarkerView_default {
         polygonGroup.group.add(polygon);
       }
     }).update(function(newIdx, oldIdx) {
-      let polygon = inner21(polygonGroup).data.getItemGraphicEl(oldIdx);
+      let polygon = inner22(polygonGroup).data.getItemGraphicEl(oldIdx);
       const layout18 = areaData.getItemLayout(newIdx);
       if (!layout18.allClipped) {
         if (polygon) {
@@ -78124,7 +78278,7 @@ var MarkAreaView2 = class extends MarkerView_default {
         polygonGroup.group.remove(polygon);
       }
     }).remove(function(idx) {
-      const polygon = inner21(polygonGroup).data.getItemGraphicEl(idx);
+      const polygon = inner22(polygonGroup).data.getItemGraphicEl(idx);
       polygonGroup.group.remove(polygon);
     }).execute();
     areaData.eachItemGraphicEl(function(polygon, idx) {
@@ -78141,7 +78295,7 @@ var MarkAreaView2 = class extends MarkerView_default {
       toggleHoverEmphasis(polygon, null, null, itemModel.get(["emphasis", "disabled"]));
       getECData(polygon).dataModel = maModel;
     });
-    inner21(polygonGroup).data = areaData;
+    inner22(polygonGroup).data = areaData;
     polygonGroup.group.silent = maModel.get("silent") || seriesModel.get("silent");
   }
 };
@@ -78378,7 +78532,7 @@ var markerTypeCalculator2 = {
     return markerTypeCalculator2.last(item, seriesModel, backgroundColor2);
   }
 };
-var inner22 = makeInner();
+var inner23 = makeInner();
 var MarkLabelView2 = class extends Component_default2 {
   constructor() {
     super(...arguments);
@@ -78497,8 +78651,8 @@ var MarkLabelView2 = class extends Component_default2 {
             this._labelCountDown(item, countDownTextEl, key);
           }
         }
-        inner22(el).yAxisIndex = yAxisModel.index;
-        inner22(el).isSort = item.showName || showCountDown;
+        inner23(el).yAxisIndex = yAxisModel.index;
+        inner23(el).isSort = item.showName || showCountDown;
       });
       markerGroupMapBySeries.set(seriesName, markerGroupMap);
     });
@@ -78598,11 +78752,11 @@ var MarkLabelView2 = class extends Component_default2 {
             el = createText({gridRect, position: position2, option, ecModel, y, offset, fontSize});
             graphLabelGroup.add(el);
             graphicLabelElMap.set(option.id, el);
-            inner22(el).yAxisIndex = yAxisModel.index;
+            inner23(el).yAxisIndex = yAxisModel.index;
           }
-          inner22(el).originalValue = option.y;
-          inner22(el).isSort = true;
-          inner22(el).style = style;
+          inner23(el).originalValue = option.y;
+          inner23(el).isSort = true;
+          inner23(el).style = style;
         });
       });
     });
@@ -78611,16 +78765,16 @@ var MarkLabelView2 = class extends Component_default2 {
     const graphicLabelElMap = this._graphicLabelElMap;
     const yAxisModels = ecModel.queryComponents({mainType: "yAxis"});
     graphicLabelElMap.each((el) => {
-      const yAxisModel = yAxisModels[inner22(el).yAxisIndex].axis;
+      const yAxisModel = yAxisModels[inner23(el).yAxisIndex].axis;
       if (!yAxisModel) {
         return;
       }
       const gridRect = yAxisModel.grid.getRect();
       const position2 = yAxisModel.position;
-      const y = yAxisModel.toGlobalCoord(yAxisModel.dataToCoord(inner22(el).originalValue));
+      const y = yAxisModel.toGlobalCoord(yAxisModel.dataToCoord(inner23(el).originalValue));
       const offset = yAxisModel.model.get("offset") || 0;
       const formatter = yAxisModel.model.get(["axisLabel", "formatter"]);
-      let style = inner22(el).style;
+      let style = inner23(el).style;
       if (yAxisModel.scale.type === "percentage") {
         const formatLabel2 = yAxisModel.scale.getLabel({value: +style.text});
         style = Object.assign({}, style, {text: formatLabel2});
@@ -78663,8 +78817,8 @@ var MarkLabelView2 = class extends Component_default2 {
     const markerGroupMapBySeries = this.markerGroupMapBySeries;
     markerGroupMapBySeries.each((markerGroupMap) => {
       markerGroupMap.each((item) => {
-        const yAxisId = inner22(item).yAxisIndex;
-        const isSort = inner22(item).isSort;
+        const yAxisId = inner23(item).yAxisIndex;
+        const isSort = inner23(item).isSort;
         if (item.ignore || !isSort) {
           return;
         }
@@ -78674,8 +78828,8 @@ var MarkLabelView2 = class extends Component_default2 {
       });
     });
     this._graphicLabelElMap.each((item) => {
-      const yAxisId = inner22(item).yAxisIndex;
-      const isSort = inner22(item).isSort;
+      const yAxisId = inner23(item).yAxisIndex;
+      const isSort = inner23(item).isSort;
       if (item.ignore || !isSort) {
         return;
       }
@@ -78690,7 +78844,7 @@ var MarkLabelView2 = class extends Component_default2 {
         const yAxisId = view.yAxisModel.index;
         const labels = labelsByYAxisId[yAxisId] || [];
         each(view.labels, (item) => {
-          inner22(item).y = item.y + 9;
+          inner23(item).y = item.y + 9;
           labels.push(item);
         });
         labelsByYAxisId[yAxisId] = labels;
@@ -78709,8 +78863,8 @@ function textYChange(label, y, height) {
   } else {
     each(label.children(), (item) => {
       if (item.type === "text") {
-        if (inner22(item).labelType === "countDown") {
-          item.attr("style", {y: y + inner22(item).parentHeight});
+        if (inner23(item).labelType === "countDown") {
+          item.attr("style", {y: y + inner23(item).parentHeight});
           return;
         }
         item.attr("style", {y});
@@ -78722,20 +78876,20 @@ function labelAvoidOverlap(labels, isAvoidOverlap, marginTop = 0) {
   if (labels.length === 0) {
     return;
   }
-  labels.sort((a, b) => inner22(a).y - inner22(b).y);
+  labels.sort((a, b) => inner23(a).y - inner23(b).y);
   const height = labels[0].isGroup ? labels[0].children().find((item) => item.type === "text").getBoundingRect().height : labels[0].getBoundingRect().height;
   const sortYbyId = {};
   const offestY = height / 2;
   for (let i = 0; i < labels.length; i++) {
     const currentLabel = labels[i];
-    let currentLabelY = inner22(currentLabel).y;
+    let currentLabelY = inner23(currentLabel).y;
     if (i === 0 || !isAvoidOverlap) {
       textYChange(currentLabel, currentLabelY - offestY, height);
       continue;
     }
     const prevLabel = labels[i - 1];
-    const prevLabelY = sortYbyId[prevLabel.id] ?? inner22(prevLabel).y;
-    const prevHeight = inner22(prevLabel).showCountDown ? height * 2 + marginTop - 1 : height + marginTop;
+    const prevLabelY = sortYbyId[prevLabel.id] ?? inner23(prevLabel).y;
+    const prevHeight = inner23(prevLabel).showCountDown ? height * 2 + marginTop - 1 : height + marginTop;
     if (prevLabelY > currentLabelY || Math.abs(currentLabelY - prevLabelY) < prevHeight) {
       currentLabelY = prevLabelY + prevHeight;
     }
@@ -78762,7 +78916,7 @@ function createText({option, gridRect, position: position2, ecModel, y, offset,
     z: 101,
     zlevel
   });
-  inner22(textEl).y = y;
+  inner23(textEl).y = y;
   return textEl;
 }
 function updateText({option, gridRect, position: position2, ecModel, el, y, offset, fontSize}) {
@@ -78773,7 +78927,7 @@ function updateText({option, gridRect, position: position2, ecModel, el, y, offs
   el.x = x;
   el.y = y;
   el.attr("style", fontSize ? Object.assign(style, {fontSize, padding: getPaddingByStyle(fontSize, style.borderWidth)}) : style);
-  inner22(el).y = y;
+  inner23(el).y = y;
 }
 function createLabel({x, y, labelData, markerModel, gridRect, position: position2, labelTextStyle = {}, fontSize}) {
   const {zlevel} = markerModel.option;
@@ -78825,10 +78979,10 @@ function createLabel({x, y, labelData, markerModel, gridRect, position: position
     z: 100,
     ignore: !showLine
   });
-  inner22(lineEl).labelType = "line";
-  inner22(textNameEl).labelType = "nameLabel";
-  inner22(textEl).labelType = "textLabel";
-  inner22(group).y = labelY;
+  inner23(lineEl).labelType = "line";
+  inner23(textNameEl).labelType = "nameLabel";
+  inner23(textEl).labelType = "textLabel";
+  inner23(group).y = labelY;
   group.add(lineEl);
   group.add(textEl);
   group.add(textNameEl);
@@ -78847,9 +79001,9 @@ function createLabel({x, y, labelData, markerModel, gridRect, position: position
       zlevel,
       ignore: !show
     });
-    inner22(group).showCountDown = show;
-    inner22(countDownEl).labelType = "countDown";
-    inner22(countDownEl).parentHeight = offsetY;
+    inner23(group).showCountDown = show;
+    inner23(countDownEl).labelType = "countDown";
+    inner23(countDownEl).parentHeight = offsetY;
     group.add(countDownEl);
   }
   return group;
@@ -78871,9 +79025,9 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
   const textElWidth = textRect.width + paddings[1] + paddings[3];
   const textElx = isLeft ? x - textElWidth - borderWidth - 1 : x + borderWidth;
   const labelY = y;
-  inner22(el).y = labelY;
+  inner23(el).y = labelY;
   each(el.children(), (element) => {
-    const labelType = inner22(element).labelType;
+    const labelType = inner23(element).labelType;
     switch (labelType) {
       case "line":
         if (!showLine) {
@@ -78919,13 +79073,13 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
       case "countDown":
         if (!countDown.show || countDown.value <= 0) {
           element.ignore = true;
-          inner22(el).showCountDown = false;
-          inner22(element).parentHeight = 0;
+          inner23(el).showCountDown = false;
+          inner23(element).parentHeight = 0;
           return;
         }
         const offsetY = showName ? textRect.height + paddings[0] + paddings[2] - 1 : 0;
-        inner22(el).showCountDown = true;
-        inner22(element).parentHeight = offsetY;
+        inner23(el).showCountDown = true;
+        inner23(element).parentHeight = offsetY;
         const fill = textStyle.fill === "#ffffff" ? "rgba(255,255,255,0.8)" : "rgba(0,0,0,0.8)";
         element.attr("style", Object.assign({
           text: countDownText,
@@ -80164,9 +80318,9 @@ var KineticAnimation = class {
 };
 
 // src/component/dataZoom/roams.ts
-var inner23 = makeInner();
+var inner24 = makeInner();
 function setViewInfoToCoordSysRecord(api2, dataZoomModel, getRange) {
-  inner23(api2).coordSysRecordMap.each(function(coordSysRecord) {
+  inner24(api2).coordSysRecordMap.each(function(coordSysRecord) {
     const dzInfo = coordSysRecord.dataZoomInfoMap.get(dataZoomModel.uid);
     if (dzInfo) {
       dzInfo.getRange = getRange;
@@ -80174,7 +80328,7 @@ function setViewInfoToCoordSysRecord(api2, dataZoomModel, getRange) {
   });
 }
 function disposeCoordSysRecordIfNeeded(api2, dataZoomModel) {
-  const coordSysRecordMap = inner23(api2).coordSysRecordMap;
+  const coordSysRecordMap = inner24(api2).coordSysRecordMap;
   const coordSysKeyArr = coordSysRecordMap.keys();
   for (let i = 0; i < coordSysKeyArr.length; i++) {
     const coordSysKey = coordSysKeyArr[i];
@@ -80345,7 +80499,7 @@ function mergeControllerParams(dataZoomInfoMap) {
 }
 function installDataZoomRoamProcessor(registers) {
   registers.registerProcessor(registers.PRIORITY.PROCESSOR.FILTER, function(ecModel, api2) {
-    const apiInner = inner23(api2);
+    const apiInner = inner24(api2);
     const coordSysRecordMap = apiInner.coordSysRecordMap || (apiInner.coordSysRecordMap = createHashMap());
     coordSysRecordMap.each(function(coordSysRecord) {
       coordSysRecord.dataZoomInfoMap = null;
@@ -83101,7 +83255,7 @@ var DEFAULT_OPTION = {
     show: false
   }
 };
-var inner24 = makeInner();
+var inner25 = makeInner();
 var decalPaletteScope = {};
 function ariaVisual(ecModel, api2) {
   const ariaModel = ecModel.getModel("aria");
@@ -83127,7 +83281,7 @@ function ariaVisual(ecModel, api2) {
           decalScope = {};
           paletteScopeGroupByType.set(seriesModel.type, decalScope);
         }
-        inner24(seriesModel).scope = decalScope;
+        inner25(seriesModel).scope = decalScope;
       });
       ecModel.eachRawSeries((seriesModel) => {
         if (ecModel.isSeriesFiltered(seriesModel)) {
@@ -83141,7 +83295,7 @@ function ariaVisual(ecModel, api2) {
         if (!seriesModel.isColorBySeries()) {
           const dataAll = seriesModel.getRawData();
           const idxMap = {};
-          const decalScope = inner24(seriesModel).scope;
+          const decalScope = inner25(seriesModel).scope;
           data.each(function(idx) {
             const rawIdx = data.getRawIndex(idx);
             idxMap[rawIdx] = idx;