tvcharts 0.8.81 → 0.8.83

package/dist/echarts.js

@@ -165,6 +165,7 @@ function detect(ua, env2) {
   env2.transform3dSupported = (browser.ie && "transition" in style || browser.edge || "WebKitCSSMatrix" in window && "m11" in new WebKitCSSMatrix() || "MozPerspective" in style) && !("OTransition" in style);
   env2.transformSupported = env2.transform3dSupported || browser.ie && +browser.version >= 9;
 }
+console.log("%c [ env ]-116", "font-size:13px; background:pink; color:#bf2c9f;", env);
 var env_default = env;
 
 // node_modules/tvrender/src/core/util.ts
@@ -1249,7 +1250,9 @@ function transformLocalCoord(out2, elFrom, elTarget, inX, inY) {
   return transformCoordWithViewport(_calcOut, elFrom, inX, inY, true) && transformCoordWithViewport(out2, elTarget, _calcOut[0], _calcOut[1]);
 }
 function transformCoordWithViewport(out2, el, inX, inY, inverse) {
-  if (el.getBoundingClientRect && env_default.domSupported && !isCanvasEl(el)) {
+  if (typeof DOMMatrix !== "undefined") {
+    return transformCoordWithViewportDom(out2, el, inX, inY, inverse);
+  } else if (el.getBoundingClientRect && env_default.domSupported && !isCanvasEl(el)) {
     const saved = el[EVENT_SAVED_PROP] || (el[EVENT_SAVED_PROP] = {});
     const markers = prepareCoordMarkers(el, saved);
     const transformer = preparePointerTransformer(markers, saved, inverse);
@@ -1260,6 +1263,21 @@ function transformCoordWithViewport(out2, el, inX, inY, inverse) {
   }
   return false;
 }
+function transformCoordWithViewportDom(out2, el, inX, inY, inverse) {
+  const matrix13 = new DOMMatrix(getComputedStyle(el).transform);
+  const rect = el.getBoundingClientRect();
+  if (inverse) {
+    const invMatrix = matrix13.inverse();
+    const relativeX = inX - rect.left;
+    const relativeY = inY - rect.top;
+    out2[0] = relativeX * invMatrix.a + relativeY * invMatrix.c + invMatrix.e;
+    out2[1] = relativeX * invMatrix.b + relativeY * invMatrix.d + invMatrix.f;
+  } else {
+    out2[0] = inX * matrix13.a + inY * matrix13.c + matrix13.e + rect.left;
+    out2[1] = inX * matrix13.b + inY * matrix13.d + matrix13.f + rect.top;
+  }
+  return true;
+}
 function prepareCoordMarkers(el, saved) {
   let markers = saved.markers;
   if (markers) {
@@ -7065,6 +7083,9 @@ var ZRender = class {
     if (this._disposed) {
       return;
     }
+    if (this._needsRefresh) {
+      return;
+    }
     this._needsRefresh = true;
     this.animation.start();
   }
@@ -7246,7 +7267,7 @@ function getElementSSRData(el) {
 function registerSSRDataGetter(getter) {
   ssrDataGetter = getter;
 }
-var version = "5.6.93";
+var version = "5.6.94";
 
 // src/util/number.ts
 var RADIAN_EPSILON = 1e-4;
@@ -14633,6 +14654,7 @@ var ItemStyleMixin = class {
 // src/model/Model.ts
 var Model = class {
   constructor(option, parentModel, ecModel) {
+    this._pathCache = new Map();
     this.parentModel = parentModel;
     this.ecModel = ecModel;
     this.option = option;
@@ -14646,7 +14668,72 @@ var Model = class {
     if (path == null) {
       return this.option;
     }
-    return this._doGet(this.parsePath(path), !ignoreParent && this.parentModel);
+    const pathArr = this.parsePath(path);
+    return this._doGetOptimized(pathArr, !ignoreParent && this.parentModel);
+  }
+  parsePath(path) {
+    if (typeof path === "string") {
+      let cached = this._pathCache.get(path);
+      if (!cached) {
+        cached = path.split(".");
+        this._pathCache.set(path, cached);
+      }
+      return cached;
+    }
+    return path;
+  }
+  _doGetOptimized(pathArr, parentModel) {
+    const length2 = pathArr.length;
+    switch (length2) {
+      case 0:
+        return this.option;
+      case 1:
+        return this._getSingle(pathArr[0], parentModel);
+      case 2:
+        return this._getDouble(pathArr[0], pathArr[1], parentModel);
+      case 3:
+        return this._getTriple(pathArr[0], pathArr[1], pathArr[2], parentModel);
+      default:
+        return this._getDeep(pathArr, parentModel);
+    }
+  }
+  _getSingle(key, parentModel) {
+    let value = this.option?.[key];
+    if (value == null && parentModel) {
+      value = parentModel.get(key, false);
+    }
+    return value;
+  }
+  _getDouble(key1, key2, parentModel) {
+    const obj = this.option?.[key1];
+    let value = obj?.[key2];
+    if (value == null && parentModel) {
+      value = parentModel.get([key1, key2], false);
+    }
+    return value;
+  }
+  _getTriple(key1, key2, key3, parentModel) {
+    let value = this.option?.[key1]?.[key2]?.[key3];
+    if (!value && parentModel) {
+      value = parentModel.get([key1, key2, key3], false);
+    }
+    return value;
+  }
+  _getDeep(pathArr, parentModel) {
+    let obj = this.option;
+    const length2 = pathArr.length;
+    for (let i = 0; i < length2; i++) {
+      const segment = pathArr[i];
+      if (!segment)
+        continue;
+      obj = obj?.[segment];
+      if (obj == null)
+        break;
+    }
+    if (obj == null && parentModel) {
+      obj = parentModel.get(pathArr, false);
+    }
+    return obj;
   }
   getShallow(key, ignoreParent) {
     const option = this.option;
@@ -14662,7 +14749,7 @@ var Model = class {
   getModel(path, parentModel) {
     const hasPath = path != null;
     const pathFinal = hasPath ? this.parsePath(path) : null;
-    const obj = hasPath ? this._doGet(pathFinal) : this.option;
+    const obj = hasPath ? this._doGetOptimized(pathFinal) : this.option;
     parentModel = parentModel || this.parentModel && this.parentModel.getModel(this.resolveParentPath(pathFinal));
     return new Model(obj, parentModel, this.ecModel);
   }
@@ -14675,12 +14762,6 @@ var Model = class {
     const Ctor = this.constructor;
     return new Ctor(clone(this.option));
   }
-  parsePath(path) {
-    if (typeof path === "string") {
-      return path.split(".");
-    }
-    return path;
-  }
   resolveParentPath(path) {
     return path;
   }
@@ -20864,6 +20945,70 @@ function clear(obj, fnAttr) {
     obj[fnAttr] = fn[ORIGIN_METHOD];
   }
 }
+function throttleRAF(func, delay, options = {}) {
+  const {leading = false, trailing = true} = options;
+  let lastTime = 0;
+  let rafId = null;
+  let lastArgs = null;
+  let lastContext = null;
+  let isTrailingPending = false;
+  const execute = (timestamp) => {
+    if (lastArgs && timestamp - lastTime >= delay) {
+      func.apply(lastContext, lastArgs);
+      lastTime = timestamp;
+      lastArgs = null;
+      lastContext = null;
+      isTrailingPending = false;
+    }
+    rafId = null;
+  };
+  const throttled = function(...args) {
+    const currentTime = performance.now();
+    lastContext = this;
+    lastArgs = args;
+    if (currentTime - lastTime >= delay) {
+      if (rafId) {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+      if (leading) {
+        func.apply(this, args);
+        lastTime = currentTime;
+        lastArgs = null;
+        lastContext = null;
+      } else if (trailing) {
+        isTrailingPending = true;
+      }
+    } else if (trailing && !rafId && !isTrailingPending) {
+      isTrailingPending = true;
+      rafId = requestAnimationFrame(execute);
+    }
+  };
+  throttled.cancel = () => {
+    if (rafId) {
+      cancelAnimationFrame(rafId);
+      rafId = null;
+    }
+    lastArgs = null;
+    lastContext = null;
+    lastTime = 0;
+    isTrailingPending = false;
+  };
+  throttled.flush = () => {
+    if (isTrailingPending && lastArgs) {
+      if (rafId) {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+      func.apply(lastContext, lastArgs);
+      lastTime = performance.now();
+      lastArgs = null;
+      lastContext = null;
+      isTrailingPending = false;
+    }
+  };
+  return throttled;
+}
 
 // src/visual/style.ts
 var inner4 = makeInner();
@@ -24198,6 +24343,7 @@ var ECharts = class extends Eventful_default {
   constructor(dom, theme2, opts) {
     super(new ECEventProcessor());
     this._throttledSelectItem = throttle(triggerSelectItem, 80);
+    this._throttledSelectItemTime = 0;
     this._chartsViews = [];
     this._chartsMap = {};
     this._componentsViews = [];
@@ -25317,6 +25463,39 @@ var ECharts = class extends Eventful_default {
       this.scrollToDataIndex(dataIndex, animationDuration);
     }
   }
+  scrollToRange(startTime, endTime, expectCount = 0) {
+    if (this._disposed) {
+      disposedWarning(this.id);
+      return;
+    }
+    const xAxisModal = this._model.getComponent("xAxis", 0);
+    const scale4 = xAxisModal.axis.scale;
+    const categories = scale4.getOrdinalMeta().getCategories();
+    const dataCount = categories.length;
+    const [startIndex, endIndex] = getIndexRange(categories, startTime, endTime);
+    const axisLength = xAxisModal.axis.getExtent()[1];
+    let barCount = Math.max(endIndex - startIndex + 1, 2);
+    let barSpace = Math.max(1, axisLength / barCount);
+    let lastBarRightSideDiffBarCount = endIndex - dataCount + 0.5;
+    const maxRightOffsetBarCount = axisLength / barSpace - Math.min(2, dataCount);
+    if (lastBarRightSideDiffBarCount > maxRightOffsetBarCount) {
+      lastBarRightSideDiffBarCount = maxRightOffsetBarCount;
+    }
+    const minRightOffsetBarCount = -dataCount + Math.min(2, dataCount);
+    if (lastBarRightSideDiffBarCount < minRightOffsetBarCount) {
+      lastBarRightSideDiffBarCount = minRightOffsetBarCount;
+      if (expectCount && expectCount !== dataCount) {
+        barSpace = Math.max(1, axisLength / expectCount);
+      }
+    }
+    const payload = {
+      type: "dataZoom",
+      dataZoomIndex: 0,
+      barSpace,
+      lastBarRightSideDiffBarCount
+    };
+    doDispatchAction.call(this, payload, false);
+  }
   setMarkLabel(seriesName, data) {
     const seriesModal = this._model.getSeriesByName(seriesName)[0];
     if (seriesModal) {
@@ -25340,6 +25519,14 @@ var ECharts = class extends Eventful_default {
     const scale4 = xAxisModal.axis.scale;
     return scale4.getOrdinalMeta().getCategoriesSize() - 1;
   }
+  _seriesSelectItem(params) {
+    const time = Date.now();
+    if (this._throttledSelectItemTime && time - this._throttledSelectItemTime < 160) {
+      return;
+    }
+    this._throttledSelectItemTime = time;
+    this._throttledSelectItem(params);
+  }
 };
 PENDING_UPDATE, IN_MAIN_PROCESS_KEY, CONNECT_STATUS_KEY, CONNECT_LAYOUT_STATUS_KEY, STATUS_NEEDS_UPDATE_KEY;
 ECharts.internalField = function() {
@@ -25898,7 +26085,7 @@ ECharts.internalField = function() {
       handleGroupMouseOverForHighDown(ecIns.mousemoveComponentGroupId, api2);
       ecIns[STATUS_NEEDS_UPDATE_KEY] = true;
     }
-    ecIns._throttledSelectItem({
+    ecIns._seriesSelectItem({
       messageCenter: ecIns._messageCenter,
       ecModel,
       type: "series"
@@ -42166,6 +42353,10 @@ var RoamController = class extends Eventful_default {
       this._startX = x;
       this._startY = y;
       this._dragging = true;
+      if (this.kineticScrollId) {
+        this.kineticScrollId && cancelAnimationFrame(this.kineticScrollId);
+        this.kineticScrollId = null;
+      }
       if (this.kineticScroll) {
         this.kineticScroll = null;
       }
@@ -42275,7 +42466,7 @@ var RoamController = class extends Eventful_default {
         isAvailableBehavior: null,
         lastBarRightSideDiffBarCount: Math.round(newPos / this.minScrollUnit) * this.minScrollUnit
       });
-      requestAnimationFrame_default(() => this._kineticScroll());
+      this.kineticScrollId = requestAnimationFrame_default(() => this._kineticScroll());
     } else {
       trigger(this, "dragEnd", "moveOnMouseMove", {}, {isAvailableBehavior: null});
     }
@@ -56048,7 +56239,7 @@ var LinePlotPath = class extends Path_default {
     return new LinePlotShape();
   }
   buildPath(ctx2, shape) {
-    const {points: points4, connectSelf, barWidth} = shape;
+    const {points: points4, connectSelf, barWidth, isWebviewRender, stroke} = shape;
     if (connectSelf) {
       const offset = barWidth / 2;
       let isMove = false;
@@ -56064,6 +56255,11 @@ var LinePlotPath = class extends Path_default {
           if (!nextPoint || isPointNull3(nextPoint)) {
             ctx2.moveTo(x - offset, y);
             ctx2.lineTo(x + offset, y);
+            if (isWebviewRender && stroke && index % 10 === 0) {
+              ctx2.strokeStyle(stroke);
+              ctx2.beginPathFill();
+              ctx2.moveTo(x, y);
+            }
             continue;
           }
           ctx2.moveTo(x, y);
@@ -56071,6 +56267,11 @@ var LinePlotPath = class extends Path_default {
         } else {
           const [x, y] = point;
           ctx2.lineTo(x, y);
+          if (isWebviewRender && stroke && index % 10 === 0) {
+            ctx2.strokeStyle(stroke);
+            ctx2.beginPathFill();
+            ctx2.moveTo(x, y);
+          }
         }
       }
     } else {
@@ -56090,6 +56291,11 @@ var LinePlotPath = class extends Path_default {
         }
         const [x, y] = point;
         ctx2.lineTo(x, y);
+        if (isWebviewRender && stroke && index % 10 === 0) {
+          ctx2.strokeStyle(stroke);
+          ctx2.beginPathFill();
+          ctx2.moveTo(x, y);
+        }
       }
     }
   }
@@ -56222,7 +56428,7 @@ var HistogramPlotPath = class extends Path_default {
     return new HistogramPlotShape();
   }
   buildPath(ctx2, shape) {
-    const {points: points4, baseY} = shape;
+    const {points: points4, baseY, stroke, isWebviewRender} = shape;
     for (let index = 0; index < points4.length; index++) {
       const point = points4[index];
       if (point === 0 || isPointNull5(point)) {
@@ -56231,6 +56437,10 @@ var HistogramPlotPath = class extends Path_default {
       const [x, y] = point;
       ctx2.moveTo(x, y);
       ctx2.lineTo(x, baseY);
+      if (isWebviewRender && stroke && index % 5 === 0) {
+        ctx2.strokeStyle(stroke);
+        ctx2.beginPathFill();
+      }
     }
   }
 };
@@ -56257,7 +56467,7 @@ var BarPlotPath = class extends Path_default {
   }
   getDefaultStyle() {
     return {
-      stroke: "transparent",
+      stroke: "none",
       fill: "#000"
     };
   }
@@ -56265,7 +56475,7 @@ var BarPlotPath = class extends Path_default {
     return new BarPlotShape();
   }
   buildPath(ctx2, shape) {
-    const {points: points4, baseY, width} = shape;
+    const {points: points4, baseY, width, isWebviewRender, fill} = shape;
     const offset = width / 2;
     const gap = offset >= 1 ? 1 : 0;
     for (let index = 0; index < points4.length; index++) {
@@ -56283,6 +56493,10 @@ var BarPlotPath = class extends Path_default {
       ctx2.lineTo(rightX, baseY);
       ctx2.lineTo(leftX, baseY);
       ctx2.lineTo(leftX, dataY);
+      if (isWebviewRender && fill && index % 5 === 0) {
+        ctx2.fillStyle(fill);
+        ctx2.beginPathFill();
+      }
     }
   }
 };
@@ -56416,6 +56630,7 @@ var SymbolPath = class extends Path_default {
   buildPath(path, shape) {
     const points4 = shape.points;
     const isShadow = shape.isShadow;
+    const isWebviewRender = shape.isWebviewRender;
     const symbolProxy = this.symbolProxy;
     const symbolProxyShape = symbolProxy.shape;
     let lastColor = "";
@@ -56427,7 +56642,7 @@ var SymbolPath = class extends Path_default {
         continue;
       }
       const colorChanged = lastColor && lastColor !== color2;
-      if (colorChanged) {
+      if (colorChanged || isWebviewRender && i % 5 === 0) {
         path.fillStyle(lastColor);
         path.beginPathFill();
       }
@@ -56630,6 +56845,7 @@ var LinesPlotView2 = class extends Chart_default {
       const z2 = seriesModel.get("z2");
       const visualColor = getVisualGradient2(data, seriesModel.coordinateSystem, api2);
       const connectNulls = seriesModel.get("connectNulls");
+      const isMobile = seriesModel.get("isMobile");
       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) {
@@ -56642,7 +56858,9 @@ var LinesPlotView2 = class extends Chart_default {
           shape: {
             points: item,
             connectSelf: !connectNulls && !step,
-            barWidth: barSpace
+            barWidth: barSpace,
+            stroke: color2,
+            isWebviewRender: isMobile
           },
           style: {
             lineDash,
@@ -56721,6 +56939,7 @@ var LinesPlotView2 = class extends Chart_default {
       const histogramGroup = this._histogramGroup;
       const histbase = seriesModel.get("histbase") || 0;
       const z2 = seriesModel.get("z2");
+      const isMobile = seriesModel.get("isMobile");
       const baseY = seriesModel.coordinateSystem.dataToPoint([0, histbase], true)[1];
       each(linePointsByKey, function(item, key) {
         const [stroke, lineDash, lineWidth] = key.split(":");
@@ -56728,7 +56947,9 @@ var LinesPlotView2 = class extends Chart_default {
         const el = new HistogramPlotPath_default({
           shape: {
             points: item,
-            baseY
+            baseY,
+            stroke: color2,
+            isWebviewRender: isMobile
           },
           style: {
             stroke: color2,
@@ -56759,6 +56980,7 @@ var LinesPlotView2 = class extends Chart_default {
       }
       const symbolGroup = this._symbolGroup;
       const z2 = seriesModel.get("z2");
+      const isMobile = seriesModel.get("isMobile");
       each(symbolPointsByColor, function(item, key) {
         if (shadowShape) {
           const shadowEl = new SymbolPath_default({
@@ -56777,7 +56999,8 @@ var LinesPlotView2 = class extends Chart_default {
         }
         const el = new SymbolPath_default({
           shape: {
-            points: item
+            points: item,
+            isWebviewRender: isMobile
           },
           style: {
             fill: "#000000"
@@ -56865,6 +57088,7 @@ var LinesPlotView2 = class extends Chart_default {
         });
         return;
       }
+      const isMobile = seriesModel.get("isMobile");
       each(linePointsByKey, function(item, key) {
         const [stroke] = key.split(":");
         const {color: color2, isDefaultColor} = getFormatColor(stroke);
@@ -56872,7 +57096,9 @@ var LinesPlotView2 = class extends Chart_default {
           shape: {
             points: item,
             baseY,
-            width
+            width,
+            isWebviewRender: isMobile,
+            fill: color2
           },
           style: {
             fill: color2
@@ -59641,13 +59867,13 @@ var NormalBoxPathShape2 = class {
 var NormalBoxPath2 = class extends Path_default {
   constructor(opts) {
     super(opts);
-    this.type = "normalCandlePlotBox";
+    this.type = "candlePlotBox";
   }
   getDefaultShape() {
     return new NormalBoxPathShape2();
   }
   buildPath(ctx2, shape) {
-    const {points: points4, isSimpleBox} = shape;
+    const {points: points4, isSimpleBox, fill, isMobile, stroke} = shape;
     for (let index = 0; index < points4.length; ) {
       const point1 = points4[index++];
       const point2 = points4[index++];
@@ -59659,11 +59885,12 @@ var NormalBoxPath2 = class extends Path_default {
         ctx2.moveTo(x, point1[1]);
         ctx2.lineTo(x, isSame ? point1[1] + 1 : point3[1]);
       } else {
-        ctx2.moveTo(point1[0], point1[1]);
-        ctx2.lineTo(point2[0], point2[1]);
-        ctx2.lineTo(point3[0], point3[1]);
-        ctx2.lineTo(point4[0], point4[1]);
-        ctx2.closePath();
+        ctx2.rect(point1[0], point1[1], point2[0] - point1[0], point3[1] - point1[1]);
+      }
+      if (isMobile && index % 16 === 0 && index !== points4.length) {
+        !isSimpleBox && fill && ctx2.fillStyle(fill);
+        stroke && ctx2.strokeStyle(stroke);
+        ctx2.beginPathFill();
       }
     }
   }
@@ -59682,7 +59909,7 @@ var WickPath = class extends Path_default {
     return new WickPathShape();
   }
   buildPath(ctx2, shape) {
-    const {points: points4} = shape;
+    const {points: points4, isMobile, stroke} = shape;
     for (let index = 0; index < points4.length; ) {
       const point1 = points4[index++];
       const point2 = points4[index++];
@@ -59692,6 +59919,10 @@ var WickPath = class extends Path_default {
       ctx2.lineTo(point2[0], point2[1]);
       ctx2.moveTo(point3[0], point3[1]);
       ctx2.lineTo(point4[0], point4[1]);
+      if (isMobile && stroke && index % 16 === 0 && index !== points4.length) {
+        ctx2.strokeStyle(stroke);
+        ctx2.beginPathFill();
+      }
     }
   }
 };
@@ -59716,26 +59947,32 @@ var CandlePlotView2 = class extends Chart_default {
     const isSimpleBox = data.getLayout("isSimpleBox");
     const bodyPointsByColor = data.getLayout("bodyPointsByColor");
     const wickPointsByColor = data.getLayout("wickPointsByColor");
+    const isMobile = seriesModel.get("isMobile");
     each(bodyPointsByColor, function(points4, key) {
       const [fill, stroke] = key.split(":");
       const el = new NormalBoxPath_default({
         shape: {
           points: points4,
-          isSimpleBox
+          isSimpleBox,
+          fill: fill !== "none" ? fill : "",
+          isMobile,
+          stroke: stroke !== "none" ? stroke : ""
         },
         style: {
           fill,
           stroke
         }
       });
-      el.states.emphasis = emphasisState;
       group.add(el);
+      el.states.emphasis = emphasisState;
     });
     each(wickPointsByColor, function(points4, key) {
       const [stroke] = key.split(":");
       const el = new WickPath_default({
         shape: {
-          points: points4
+          points: points4,
+          isMobile,
+          stroke: stroke !== "none" ? stroke : ""
         },
         style: {
           stroke
@@ -59750,8 +59987,6 @@ 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();
@@ -59880,10 +60115,18 @@ var candlePlotLayout = {
         const highestVal = store.get(highestDimI, dataIndex);
         const ocLow = Math.min(openVal, closeVal);
         const ocHigh = Math.max(openVal, closeVal);
-        const ocLowPoint = getPoint(ocLow, axisDimVal);
-        const ocHighPoint = getPoint(ocHigh, axisDimVal);
-        const lowestPoint = getPoint(lowestVal, axisDimVal);
-        const highestPoint = getPoint(highestVal, axisDimVal);
+        const [ocLowX, ocLowY] = coordSys.dataToPoint([axisDimVal, ocLow]);
+        const x = ocLowX + 0.5;
+        const ocLowPoint = [x, Math.floor(ocLowY)];
+        const ocHighPoint = coordSys.dataToPoint([axisDimVal, ocHigh]);
+        ocHighPoint[0] = x;
+        ocHighPoint[1] = Math.floor(ocHighPoint[1]);
+        const lowestPoint = coordSys.dataToPoint([axisDimVal, lowestVal]);
+        lowestPoint[0] = x;
+        lowestPoint[1] = Math.floor(lowestPoint[1]);
+        const highestPoint = coordSys.dataToPoint([axisDimVal, highestVal]);
+        highestPoint[0] = x;
+        highestPoint[1] = Math.floor(highestPoint[1]);
         const itemModel = candleData.getItemModel(dataIndex);
         const hasDojiColor = !!itemModel.get(["itemStyle", "borderColorDoji"]);
         const sign = getSign2(store, dataIndex, openVal, closeVal, closeDimI, hasDojiColor);
@@ -59909,19 +60152,6 @@ var candlePlotLayout = {
         wickPointsByColor,
         isSimpleBox
       });
-      function getPoint(val, axisDimVal) {
-        const p = [];
-        p[cDimIdx] = axisDimVal;
-        p[vDimIdx] = val;
-        const points4 = isNaN(axisDimVal) || isNaN(val) ? [NaN, NaN] : coordSys.dataToPoint(p);
-        if (!isNaN(points4[0])) {
-          points4[0] = points4[0] + 0.5;
-        }
-        if (!isNaN(points4[1])) {
-          points4[1] = Math.floor(points4[1]);
-        }
-        return points4;
-      }
       function addBodyEnd(ends, point, start2) {
         const point1 = point.slice();
         const point2 = point.slice();
@@ -60598,9 +60828,9 @@ var LabelsView2 = class extends Chart_default {
     const data = seriesModel.getData();
     this.seriesModel = seriesModel;
     this.api = api2;
+    this._renderTooltipSymbol(data, seriesModel);
     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;
@@ -60616,6 +60846,7 @@ var LabelsView2 = class extends Chart_default {
     const textGroup = this._textGroup;
     const textList = data.getLayout("textList");
     const emphasisState = seriesModel.get("emphasis").emphasisState;
+    const isShape = seriesModel.get("isShape");
     each(textList, function(item) {
       const {
         text,
@@ -60643,7 +60874,8 @@ var LabelsView2 = class extends Chart_default {
           y: point[1] + offset[1],
           fontStyle,
           fontWeight
-        }
+        },
+        silent: !isShape
       });
       el.states.emphasis = emphasisState;
       textGroup.add(el);
@@ -61453,14 +61685,45 @@ var FillPolyPath = class extends Path_default {
   }
   getDefaultStyle() {
     return {
-      stroke: "transparent"
+      stroke: "none"
     };
   }
   getDefaultShape() {
     return new FillPolyShape();
   }
   buildPath(ctx2, shape) {
-    const {points: points4} = shape;
+    const {points: points4, isWebviewRender, fill} = shape;
+    if (isWebviewRender) {
+      const fillCount = 3;
+      for (let index = 0; index < points4.length; index++) {
+        const polyPoints = points4[index];
+        const midIndex = polyPoints.length / 2;
+        let startIndex = 0;
+        for (let i = 0; i < midIndex; i++) {
+          const [x, y] = polyPoints[i];
+          if (i === startIndex) {
+            ctx2.moveTo(x, y);
+            continue;
+          }
+          ctx2.lineTo(x, y);
+          if (i % fillCount === 0) {
+            for (let k = polyPoints.length - i - 1; k < polyPoints.length - startIndex; k++) {
+              ctx2.lineTo(polyPoints[k][0], polyPoints[k][1]);
+            }
+            ctx2.closePath();
+            ctx2.fillStyle(fill);
+            ctx2.beginPathFill();
+            startIndex = i + 1;
+          } else if (i + 1 === midIndex) {
+            for (let k = polyPoints.length - midIndex; k < polyPoints.length - i + (midIndex - startIndex - 1); k++) {
+              ctx2.lineTo(polyPoints[k][0], polyPoints[k][1]);
+            }
+            ctx2.closePath();
+          }
+        }
+      }
+      return;
+    }
     for (let index = 0; index < points4.length; index++) {
       const polyPoints = points4[index];
       for (let i = 0; i < polyPoints.length; i++) {
@@ -61491,6 +61754,7 @@ var FillsView2 = class extends Chart_default {
   render(seriesModel, ecModel, api2) {
     const data = seriesModel.getData();
     const pointsByColor = data.getLayout("pointsByColor");
+    const isMobile = seriesModel.get("isMobile");
     if (!this._polygonGroup) {
       this._polygonGroup = new Group_default();
       this.group.add(this._polygonGroup);
@@ -61525,7 +61789,9 @@ var FillsView2 = class extends Chart_default {
       }
       const el = new FillPolyPath_default({
         shape: {
-          points: points4
+          points: points4,
+          isWebviewRender: isMobile,
+          fill
         },
         style: {
           fill,
@@ -69857,12 +70123,12 @@ var each15 = each;
 var asc2 = asc;
 var leftMinVisibleBarCount = 2;
 var rightMinVisibleBarCount = 2;
-var triggerVisibleChanged = throttle((api2, params) => {
+var triggerVisibleChanged = throttleRAF((api2, params) => {
   api2.trigger("visiblechanged", params);
 }, 20);
 var AxisProxy = class {
   constructor(dimName, axisIndex, dataZoomModel, ecModel) {
-    this._throttleVisibleChanged = triggerVisibleChanged;
+    this._lastVisibleChangeTime = 0;
     this._dimName = dimName;
     this._axisIndex = axisIndex;
     this.ecModel = ecModel;
@@ -69903,6 +70169,14 @@ var AxisProxy = class {
   getMinMaxSpan() {
     return clone(this._minMaxSpan);
   }
+  _throttleVisibleChanged(api2, params) {
+    const time = Date.now();
+    if (this._lastVisibleChangeTime && time - this._lastVisibleChangeTime < 20) {
+      return;
+    }
+    api2.trigger("visiblechanged", params);
+    this._lastVisibleChangeTime = time;
+  }
   calculateDataWindow(opt) {
     const dataExtent = this._dataExtent;
     const axisModel = this.getAxisModel();
@@ -69999,8 +70273,8 @@ var AxisProxy = class {
       if (from < 0 && !dataZoomModel.isDragging) {
         api2.trigger("loadmore", [from, to]);
       }
-      const visibleFrom = Math.max(0, Math.ceil(to - barCount) - 1);
-      const visibleTo = Math.min(to, dataCount - 1);
+      const visibleFrom = Math.max(0, Math.round(to - barCount));
+      const visibleTo = Math.min(Math.round(lastBarRightSideDiffBarCount + dataCount - 0.5), dataCount - 1);
       const messageCenter = dataZoomModel.ecModel.scheduler.ecInstance.getMessageCenter();
       this._throttleVisibleChanged(messageCenter, {
         from,
@@ -70208,6 +70482,11 @@ function calculateDataExtent(axisProxy, axisDim, seriesModels) {
       baseValue = seriesData.getBaseValue(dim);
     }
     unionAxisExtentFromData(dataExtent, seriesData, axisDim, baseValue);
+    const histbase = seriesModel.get("histbase");
+    if (axisDim === "y" && histbase !== void 0) {
+      histbase < dataExtent[0] && (dataExtent[0] = histbase);
+      histbase > dataExtent[1] && (dataExtent[1] = histbase);
+    }
   });
   const rawExtentResult = ensureScaleRawExtentInfo(axisModel.axis.scale, axisModel, dataExtent).calculate();
   return {
@@ -71816,7 +72095,7 @@ function toCSSVendorPrefix(styleVendor, styleProp) {
   styleVendor = idx === -1 ? styleProp : `-${styleVendor.slice(0, idx)}-${styleProp}`;
   return styleVendor.toLowerCase();
 }
-function getComputedStyle(el, style) {
+function getComputedStyle2(el, style) {
   const stl = el.currentStyle || document.defaultView && document.defaultView.getComputedStyle(el);
   return stl ? style ? stl[style] : stl : null;
 }
@@ -71998,7 +72277,7 @@ var TooltipHTMLContent2 = class {
   update(tooltipModel) {
     if (!this._container) {
       const container = this._api.getDom();
-      const position2 = getComputedStyle(container, "position");
+      const position2 = getComputedStyle2(container, "position");
       const domStyle = container.style;
       if (domStyle.position !== "absolute" && position2 !== "absolute") {
         domStyle.position = "relative";