tvcharts 0.8.99 → 0.9.11

package/dist/echarts.js

@@ -31313,6 +31313,13 @@ function makeLabelsByCustomizedCategoryInterval(axis, categoryInterval, onlyTick
 
 // src/coord/Axis.ts
 var NORMALIZED_EXTENT = [0, 1];
+function isMobileByWidth(breakPoint = 768) {
+  if (typeof window === "undefined")
+    return false;
+  const viewportWidth = window.innerWidth;
+  return viewportWidth < breakPoint && window.devicePixelRatio !== 1;
+}
+var isMobile = isMobileByWidth();
 var Axis = class {
   constructor(dim, scale4, extent3) {
     this.onBand = false;
@@ -31348,7 +31355,7 @@ var Axis = class {
       const dataIndex = data;
       const dataCount = this.scale.getAxisDataLen();
       const deltaFromRight = dataCount + scale4.lastBarRightSideDiffBarCount - dataIndex;
-      return Math.round(this._extent[1] - deltaFromRight * scale4.barSpace);
+      return isMobile ? this._extent[1] - deltaFromRight * scale4.barSpace : Math.round(this._extent[1] - deltaFromRight * scale4.barSpace);
     }
     if (this.onBand && scale4.type === "ordinal") {
       extent3 = extent3.slice();
@@ -42307,9 +42314,15 @@ function getStore(zr) {
 registerAction({type: "takeGlobalCursor", event: "globalCursorTaken", update: "update"}, noop);
 
 // src/component/helper/RoamController.ts
+function getDistance(p1, p2) {
+  const xDiff = p1.clientX - p2.clientX;
+  const yDiff = p1.clientY - p2.clientY;
+  return Math.sqrt(xDiff * xDiff + yDiff * yDiff);
+}
 var RoamController = class extends Eventful_default {
   constructor(zr) {
     super();
+    this._prevPinchScale = 1;
     this._zr = zr;
     const mousedownHandler = bind(this._mousedownHandler, this);
     const mousemoveHandler = bind(this._mousemoveHandler, this);
@@ -42469,10 +42482,20 @@ var RoamController = class extends Eventful_default {
     if (isTaken(this._zr, "globalPan")) {
       return;
     }
-    const scale4 = e2.pinchScale;
+    const touches = e2.event.touches;
+    if (e2.pinchScale === 1) {
+      this._prevPinchScale = 1;
+      this._startPinchDistance = getDistance(touches[0], touches[1]);
+      this._originX = Math.floor(e2.pinchX);
+      return;
+    }
+    const currentDistance = getDistance(touches[0], touches[1]);
+    const scale4 = currentDistance / this._startPinchDistance;
+    const zoomScale = (scale4 - this._prevPinchScale) * 5;
+    this._prevPinchScale = scale4;
     checkPointerAndTrigger(this, "zoom", "zoomOnMouseWheel", e2, {
-      scale: scale4,
-      originX: e2.pinchX,
+      scale: zoomScale,
+      originX: this._originX || e2.pinchX,
       originY: e2.pinchY,
       isAvailableBehavior: null,
       inSitu: true,
@@ -56688,6 +56711,11 @@ var SymbolPath_default = SymbolPath;
 
 // src/chart/linesPlot/LinesPlotView.ts
 var LastZ2 = -1;
+var lineStyleMap = {
+  style_dotted: [2, 2],
+  style_solid: "solid",
+  style_dashed: [5, 5]
+};
 function clipColorStops2(colorStops, maxSize) {
   const newColorStops = [];
   const len2 = colorStops.length;
@@ -56869,7 +56897,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 isMobile2 = 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) {
@@ -56884,10 +56912,10 @@ var LinesPlotView2 = class extends Chart_default {
             connectSelf: !connectNulls && !step,
             barWidth: barSpace,
             stroke: color2,
-            isWebviewRender: isMobile
+            isWebviewRender: isMobile2
           },
           style: {
-            lineDash,
+            lineDash: lineStyleMap[lineDash],
             stroke: visualColor || color2,
             lineWidth: +lineWidth,
             lineCap: "round",
@@ -56963,7 +56991,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 isMobile2 = seriesModel.get("isMobile");
       const baseY = seriesModel.coordinateSystem.dataToPoint([0, histbase], true)[1];
       each(linePointsByKey, function(item, key) {
         const [stroke, lineDash, lineWidth] = key.split(":");
@@ -56973,7 +57001,7 @@ var LinesPlotView2 = class extends Chart_default {
             points: item,
             baseY,
             stroke: color2,
-            isWebviewRender: isMobile
+            isWebviewRender: isMobile2
           },
           style: {
             stroke: color2,
@@ -57004,7 +57032,7 @@ var LinesPlotView2 = class extends Chart_default {
       }
       const symbolGroup = this._symbolGroup;
       const z2 = seriesModel.get("z2");
-      const isMobile = seriesModel.get("isMobile");
+      const isMobile2 = seriesModel.get("isMobile");
       each(symbolPointsByColor, function(item, key) {
         if (shadowShape) {
           const shadowEl = new SymbolPath_default({
@@ -57024,7 +57052,7 @@ var LinesPlotView2 = class extends Chart_default {
         const el = new SymbolPath_default({
           shape: {
             points: item,
-            isWebviewRender: isMobile
+            isWebviewRender: isMobile2
           },
           style: {
             fill: "#000000"
@@ -57112,7 +57140,7 @@ var LinesPlotView2 = class extends Chart_default {
         });
         return;
       }
-      const isMobile = seriesModel.get("isMobile");
+      const isMobile2 = seriesModel.get("isMobile");
       each(linePointsByKey, function(item, key) {
         const [stroke] = key.split(":");
         const {color: color2, isDefaultColor} = getFormatColor(stroke);
@@ -57121,7 +57149,7 @@ var LinesPlotView2 = class extends Chart_default {
             points: item,
             baseY,
             width,
-            isWebviewRender: isMobile,
+            isWebviewRender: isMobile2,
             fill: color2
           },
           style: {
@@ -57308,7 +57336,7 @@ var linesPlotLayout = {
           const itemModal = lineData.getRawDataItem(i);
           const {
             color: color2,
-            type = "solid",
+            type = "style_solid",
             width = "1",
             rgbas
           } = itemModal.lineStyle || {};
@@ -57375,7 +57403,7 @@ var linesPlotLayout = {
             const itemModel = lineData.getItemModel(params.end);
             const {
               color: color3,
-              type: type2 = "solid",
+              type: type2 = "style_solid",
               width: width2 = "1"
             } = itemModel.get("lineStyle");
             stylePointInfo = {
@@ -58527,7 +58555,7 @@ var MineLinesView2 = class extends Chart_default {
     const emphasisState = seriesModel.get("emphasis").emphasisState;
     const linesGroup = this._linesGroup;
     const z2 = seriesModel.get("z2");
-    const isMobile = seriesModel.get("isMobile");
+    const isMobile2 = seriesModel.get("isMobile");
     const linesPointById = data.getLayout("linesPointById");
     const rectWidth = api2.getWidth();
     const rectHeight = api2.getHeight();
@@ -58541,7 +58569,7 @@ var MineLinesView2 = class extends Chart_default {
           rectWidth,
           rectHeight,
           stroke: color2,
-          isWebviewRender: isMobile
+          isWebviewRender: isMobile2
         },
         style: {
           fill: "none",
@@ -59278,7 +59306,7 @@ var BoxesPath = class extends Path_default {
       path.lineTo(right, bottom);
       path.lineTo(left, bottom);
       path.closePath();
-      if (isWebviewRender && i % 5 === 0) {
+      if (i < points4.length - 2) {
         hasFill && path.fillStyle(fill);
         hasStroke && path.strokeStyle(stroke);
         path.beginPathFill();
@@ -59330,7 +59358,7 @@ var BoxesView2 = class extends Chart_default {
     }
     const emphasisState = seriesModel.get("emphasis").emphasisState;
     const groupId = seriesModel.get("groupId");
-    const isMobile = seriesModel.get("isMobile");
+    const isMobile2 = seriesModel.get("isMobile");
     const linesGroup = this._linesGroup;
     const z2 = seriesModel.get("z2");
     const linesPointById = data.getLayout("linesPointById");
@@ -59341,7 +59369,7 @@ var BoxesView2 = class extends Chart_default {
           points: item,
           fill: fill || "none",
           stroke: color2,
-          isWebviewRender: isMobile
+          isWebviewRender: isMobile2
         },
         style: {
           fill: fill || "none",
@@ -59471,16 +59499,26 @@ var BoxesSeries_default = BoxesSeriesModel;
 // src/chart/boxes/util.ts
 var canvas = document.createElement("canvas");
 var ctx = canvas.getContext("2d");
-function findFontSize(text, maxWidth, font = DefaultFamily, tolerance = 8, minSize = 2, maxSize = 50) {
-  let low = minSize;
-  let high = maxSize;
+function findFontSize(text, maxWidth, font = DefaultFamily, tolerance = 8, maxHeight) {
+  let low = 2;
+  let high = 50;
+  const lines = text.split("\n");
+  const linesLength = lines.length;
+  let maxLengthText = lines[0];
+  for (let index = 1; index < lines.length; index++) {
+    const element = lines[index];
+    if (element.length > maxLengthText.length) {
+      maxLengthText = element;
+    }
+  }
   while (low <= high) {
     const size = Math.floor((low + high) / 2);
     ctx.font = `${size}px ${font}`;
-    const width = ctx.measureText(text).width;
-    if (maxWidth > width && maxWidth - width <= tolerance) {
+    const isInHeight = size * linesLength <= maxHeight;
+    const width = ctx.measureText(maxLengthText).width;
+    if (maxWidth > width && maxWidth - width <= tolerance && isInHeight) {
       return size;
-    } else if (width < maxWidth) {
+    } else if (width < maxWidth && isInHeight) {
       low = size + 1;
     } else {
       high = size - 1;
@@ -59495,11 +59533,11 @@ var boxFontSizeMapping = {
   small: 10,
   tiny: 8
 };
-function getFontSize(size, text, maxWidth, font) {
+function getFontSize(size, text, maxWidth, font, maxHeight) {
   if (typeof size === "number") {
     return size;
   }
-  return boxFontSizeMapping[size] || findFontSize(text, maxWidth, font, 2);
+  return boxFontSizeMapping[size] || findFontSize(text, maxWidth, font, 2, maxHeight);
 }
 
 // src/chart/boxes/BoxesLayout.ts
@@ -59623,12 +59661,11 @@ var BoxesLayout = {
               continue;
             }
             const {x, y, align, v_align} = getBoxPoint(startPoint, endPoint, text_halign, text_valign);
-            const padding = Math.min(minBoxSize / 2, 8);
             textList.push({
               text,
               text_color,
               text_wrap,
-              text_size: getFontSize(text_size, text, minBoxSize - padding, font),
+              text_size: getFontSize(text_size, text, width2 - Math.floor(width2 / 5), font, height - Math.min(minBoxSize / 2, 10)),
               align,
               v_align,
               width: width2,
@@ -59805,7 +59842,7 @@ function getFontSizeByBarWidth(barWidth) {
 function getFontSize2(size, barWidth) {
   return charFontSizeMapping[size] || getFontSizeByBarWidth(barWidth);
 }
-function getDistance(location, fontSize) {
+function getDistance2(location, fontSize) {
   if (location === "absolute") {
     return 0;
   }
@@ -59841,7 +59878,7 @@ var CharPlotLayout = {
     const location = seriesModel.get("location");
     const size = seriesModel.get("size");
     const fontSize = getFontSize2(size, bandWidth);
-    const distance2 = getDistance(location, fontSize);
+    const distance2 = getDistance2(location, fontSize);
     const dims = map(coordSys.dimensions, function(dim) {
       return data.mapDimension(dim);
     }).slice(0, 2);
@@ -59919,21 +59956,21 @@ var NormalBoxPath2 = class extends Path_default {
     return new NormalBoxPathShape2();
   }
   buildPath(ctx2, shape) {
-    const {points: points4, isSimpleBox, fill, isMobile, stroke} = shape;
+    const {points: points4, isSimpleBox, fill, isMobile: isMobile2, stroke} = shape;
     for (let index = 0; index < points4.length; ) {
       const point1 = points4[index++];
       const point2 = points4[index++];
-      const point3 = points4[index++];
-      const point4 = points4[index++];
       if (isSimpleBox) {
         const x = point1[0];
-        const isSame = point1[1] === point3[1];
+        const isSame = point1[1] === point2[1];
         ctx2.moveTo(x, point1[1]);
-        ctx2.lineTo(x, isSame ? point1[1] + 1 : point3[1]);
+        ctx2.lineTo(x, isSame ? point1[1] + 1 : point2[1]);
       } else {
+        const point3 = points4[index++];
+        const point4 = points4[index++];
         ctx2.rect(point1[0], point1[1], point2[0] - point1[0], point3[1] - point1[1]);
       }
-      if (isMobile && index % 16 === 0 && index !== points4.length) {
+      if (isMobile2 && index % 16 === 0 && index !== points4.length) {
         !isSimpleBox && fill && ctx2.fillStyle(fill);
         stroke && ctx2.strokeStyle(stroke);
         ctx2.beginPathFill();
@@ -59955,7 +59992,7 @@ var WickPath = class extends Path_default {
     return new WickPathShape();
   }
   buildPath(ctx2, shape) {
-    const {points: points4, isMobile, stroke} = shape;
+    const {points: points4, isMobile: isMobile2, stroke} = shape;
     for (let index = 0; index < points4.length; ) {
       const point1 = points4[index++];
       const point2 = points4[index++];
@@ -59965,7 +60002,7 @@ 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) {
+      if (isMobile2 && stroke && index % 16 === 0 && index !== points4.length) {
         ctx2.strokeStyle(stroke);
         ctx2.beginPathFill();
       }
@@ -59993,39 +60030,39 @@ 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({
+    const isMobile2 = seriesModel.get("isMobile");
+    each(wickPointsByColor, function(points4, key) {
+      const [stroke] = key.split(":");
+      const el = new WickPath_default({
         shape: {
           points: points4,
-          isSimpleBox,
-          fill: fill !== "none" ? fill : "",
-          isMobile,
+          isMobile: isMobile2,
           stroke: stroke !== "none" ? stroke : ""
         },
         style: {
-          fill,
           stroke
         }
       });
-      group.add(el);
       el.states.emphasis = emphasisState;
+      group.add(el);
     });
-    each(wickPointsByColor, function(points4, key) {
-      const [stroke] = key.split(":");
-      const el = new WickPath_default({
+    each(bodyPointsByColor, function(points4, key) {
+      const [fill, stroke] = key.split(":");
+      const el = new NormalBoxPath_default({
         shape: {
           points: points4,
-          isMobile,
-          stroke: stroke !== "none" ? stroke : ""
+          isSimpleBox,
+          fill: fill !== "none" ? fill : "",
+          isMobile: isMobile2,
+          stroke: stroke === "none" ? "" : stroke
         },
         style: {
+          fill: isSimpleBox ? "none" : fill,
           stroke
         }
       });
-      el.states.emphasis = emphasisState;
       group.add(el);
+      el.states.emphasis = emphasisState;
     });
     const clipPath = seriesModel.get("clip", true) ? createClipPath(seriesModel.coordinateSystem, false, seriesModel) : null;
     if (clipPath) {
@@ -60142,6 +60179,12 @@ var candlePlotLayout = {
     }
     const showLast = seriesModel.get("showLast");
     const ignoreParentColor = seriesModel.get("ignoreParentColor");
+    const isMobile2 = seriesModel.get("isMobile");
+    const formatY = isMobile2 ? function(y) {
+      return y;
+    } : function(y) {
+      return Math.floor(y);
+    };
     return {
       progress: normalProgress
     };
@@ -60162,17 +60205,17 @@ var candlePlotLayout = {
         const ocLow = Math.min(openVal, closeVal);
         const ocHigh = Math.max(openVal, closeVal);
         const [ocLowX, ocLowY] = coordSys.dataToPoint([axisDimVal, ocLow]);
-        const x = ocLowX + 0.5;
-        const ocLowPoint = [x, Math.floor(ocLowY)];
+        const x = isMobile2 ? ocLowX : ocLowX + 0.5;
+        const ocLowPoint = [x, formatY(ocLowY)];
         const ocHighPoint = coordSys.dataToPoint([axisDimVal, ocHigh]);
         ocHighPoint[0] = x;
-        ocHighPoint[1] = Math.floor(ocHighPoint[1]);
+        ocHighPoint[1] = formatY(ocHighPoint[1]);
         const lowestPoint = coordSys.dataToPoint([axisDimVal, lowestVal]);
         lowestPoint[0] = x;
-        lowestPoint[1] = Math.floor(lowestPoint[1]);
+        lowestPoint[1] = formatY(lowestPoint[1]);
         const highestPoint = coordSys.dataToPoint([axisDimVal, highestVal]);
         highestPoint[0] = x;
-        highestPoint[1] = Math.floor(highestPoint[1]);
+        highestPoint[1] = formatY(highestPoint[1]);
         const itemModel = candleData.getItemModel(dataIndex);
         const hasDojiColor = !!itemModel.get(["itemStyle", "borderColorDoji"]);
         const sign = getSign2(store, dataIndex, openVal, closeVal, closeDimI, hasDojiColor);
@@ -60183,13 +60226,17 @@ var candlePlotLayout = {
         }
         const key = `${color2 || "none"}:${border || "none"}`;
         const bodyPoints = bodyPointsByColor[key] || [];
-        addBodyEnd(bodyPoints, ocHighPoint, 0);
-        addBodyEnd(bodyPoints, ocLowPoint, 1);
+        if (isSimpleBox) {
+          bodyPoints.push(ocHighPoint, lowestPoint);
+        } else {
+          addBodyEnd(bodyPoints, ocHighPoint, 0);
+          addBodyEnd(bodyPoints, ocLowPoint, 1);
+        }
         bodyPointsByColor[key] = bodyPoints;
         const wickKey = getWickColor(sign, itemModel, ignoreParentColor);
         if (wickKey) {
           const wickPoint = wickPointsByColor[wickKey] || [];
-          wickPoint.push(subPixelOptimizePoint(highestPoint), subPixelOptimizePoint(ocHighPoint), subPixelOptimizePoint(lowestPoint), subPixelOptimizePoint(ocLowPoint));
+          wickPoint.push(highestPoint, ocHighPoint, lowestPoint, ocLowPoint);
           wickPointsByColor[wickKey] = wickPoint;
         }
       }
@@ -60201,8 +60248,8 @@ var candlePlotLayout = {
       function addBodyEnd(ends, point, start2) {
         const point1 = point.slice();
         const point2 = point.slice();
-        point1[cDimIdx] = subPixelOptimize2(point1[cDimIdx] + candleWidth / 2, 1, false);
-        point2[cDimIdx] = subPixelOptimize2(point2[cDimIdx] - candleWidth / 2, 1, true);
+        point1[0] = point1[0] - Math.floor(candleWidth * 0.5);
+        point2[0] = point1[0] + candleWidth;
         point1[1] += 0.5;
         point2[1] += 0.5;
         start2 ? ends.push(point1, point2) : ends.push(point2, point1);
@@ -60225,31 +60272,26 @@ function getSign2(store, dataIndex, openVal, closeVal, closeDimI, hasDojiColor)
   }
   return sign;
 }
+function calculateCandleWidth2(seriesModel, data) {
+  const baseAxis = seriesModel.getBaseAxis();
+  let extent3;
+  const bandWidth = baseAxis.type === "category" ? baseAxis.getBandWidth() : (extent3 = baseAxis.getExtent(), Math.abs(extent3[1] - extent3[0]) / data.count());
+  return optimalCandlestickWidth(bandWidth, 1);
+}
 function optimalCandlestickWidth(barSpacing, pixelRatio) {
   const barSpacingSpecialCaseFrom = 2.5;
   const barSpacingSpecialCaseTo = 4;
   const barSpacingSpecialCaseCoeff = 3;
   if (barSpacing >= barSpacingSpecialCaseFrom && barSpacing <= barSpacingSpecialCaseTo) {
-    return Math.floor(barSpacingSpecialCaseCoeff * pixelRatio);
-  } else if (barSpacing > barSpacingSpecialCaseTo && barSpacing <= 7.5) {
-    return Math.floor(Math.max(barSpacing * 0.72, 1));
+    return Math.floor(barSpacingSpecialCaseCoeff * pixelRatio) - 2;
   }
   const barSpacingReducingCoeff = 0.2;
   const coeff = 1 - barSpacingReducingCoeff * Math.atan(Math.max(barSpacingSpecialCaseTo, barSpacing) - barSpacingSpecialCaseTo) / (Math.PI * 0.5);
   const res = Math.floor(barSpacing * coeff * pixelRatio);
   const scaledBarSpacing = Math.floor(barSpacing * pixelRatio);
-  const optimal = Math.min(res, scaledBarSpacing);
+  const optimal = Math.min(res, scaledBarSpacing) - 2;
   return Math.max(Math.floor(pixelRatio), optimal);
 }
-function calculateCandleWidth2(seriesModel, data) {
-  const baseAxis = seriesModel.getBaseAxis();
-  let extent3;
-  const bandWidth = baseAxis.type === "category" ? baseAxis.getBandWidth() : (extent3 = baseAxis.getExtent(), Math.abs(extent3[1] - extent3[0]) / data.count());
-  return optimalCandlestickWidth(bandWidth, 1);
-}
-function getRenderIndexX(bandWidth, x) {
-  return subPixelOptimize2(x - bandWidth / 2, 1, false);
-}
 var candlePlotLayout_default = candlePlotLayout;
 
 // src/chart/candlePlot/install.ts
@@ -60320,7 +60362,7 @@ var BarPlotView2 = class extends Chart_default {
     const isSimpleBox = data.getLayout("isSimpleBox");
     const emphasisState = seriesModel.get("emphasis").emphasisState;
     const groupId = seriesModel.get("groupId");
-    const isMobile = seriesModel.get("isMobile");
+    const isMobile2 = seriesModel.get("isMobile");
     const bodyPointsByColor = data.getLayout("bodyPointsByColor");
     each(bodyPointsByColor, function(points4, stroke) {
       const el = new BarPath_default2({
@@ -60329,7 +60371,7 @@ var BarPlotView2 = class extends Chart_default {
           isSimpleBox,
           candleWidth,
           stroke,
-          isWebviewRender: isMobile
+          isWebviewRender: isMobile2
         },
         style: {
           stroke,
@@ -60605,7 +60647,7 @@ var ArrowsPlotView2 = class extends Chart_default {
     const minheight = seriesModel.get("minheight");
     const emphasisState = seriesModel.get("emphasis").emphasisState;
     const groupId = seriesModel.get("groupId");
-    const isMobile = seriesModel.get("isMobile");
+    const isMobile2 = seriesModel.get("isMobile");
     const upArrowsByColor = data.getLayout("upArrowsByColor");
     const maxValue = data.getLayout("maxValue");
     each(upArrowsByColor, function(item, color2) {
@@ -60616,7 +60658,7 @@ var ArrowsPlotView2 = class extends Chart_default {
           minHeight: minheight,
           valueLength: maxheight / maxValue,
           fill: color2,
-          isWebviewRender: isMobile
+          isWebviewRender: isMobile2
         },
         style: {
           fill: color2
@@ -60958,7 +61000,7 @@ var LabelsView2 = class extends Chart_default {
     const emphasisState = seriesModel.get("emphasis").emphasisState;
     const symbolGroup = this._symbolGroup;
     const symbolStyleMap = data.getLayout("symbolStyleMap");
-    const isMobile = seriesModel.get("isMobile");
+    const isMobile2 = seriesModel.get("isMobile");
     each(symbolStyleMap, function(item, key) {
       const isLine = lineSymbols.includes(key);
       const el = new SymbolPath_default3({
@@ -60966,7 +61008,7 @@ var LabelsView2 = class extends Chart_default {
           points: item,
           needCenter: !variableMap[key],
           isLine,
-          isWebviewRender: isMobile
+          isWebviewRender: isMobile2
         },
         style: {
           fill: "#000000",
@@ -61843,7 +61885,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");
+    const isMobile2 = seriesModel.get("isMobile");
     if (!this._polygonGroup) {
       this._polygonGroup = new Group_default();
       this.group.add(this._polygonGroup);
@@ -61879,7 +61921,7 @@ var FillsView2 = class extends Chart_default {
       const el = new FillPolyPath_default({
         shape: {
           points: points4,
-          isWebviewRender: isMobile,
+          isWebviewRender: isMobile2,
           fill
         },
         style: {
@@ -62162,7 +62204,7 @@ var BgColorView2 = class extends Chart_default {
     } else {
       this._bgColorGroup.removeAll();
     }
-    const isMobile = seriesModel.get("isMobile");
+    const isMobile2 = seriesModel.get("isMobile");
     const bgColorGroup = this._bgColorGroup;
     const barWidth = Math.ceil(seriesModel.coordinateSystem.getBaseAxis().scale.barSpace) || 5;
     const isLine = barWidth <= 4;
@@ -62174,7 +62216,7 @@ var BgColorView2 = class extends Chart_default {
           height,
           fill: isLine ? null : color2,
           stroke: isLine ? color2 : "none",
-          isWebviewRender: isMobile
+          isWebviewRender: isMobile2
         },
         style: {
           fill: isLine ? null : color2,
@@ -69815,8 +69857,8 @@ function collectReferCoordSysModelInfo(dataZoomModel) {
   return coordSysInfoWrap;
 }
 function barSpaceLimit(barSpace, maxWidth = 200) {
-  if (barSpace < 1) {
-    return 1;
+  if (barSpace < 0.5) {
+    return 0.5;
   } else if (barSpace > maxWidth) {
     return maxWidth;
   }
@@ -74305,6 +74347,7 @@ var EventsView2 = class extends Component_default2 {
     const selectedEventViewId = eventsModel.get("selectedEventViewId");
     const hoverEventId = this.hoverEventId;
     const lastPoint = this._lastPoint;
+    const mouseMove = this._mouseMove.bind(this);
     const borderWidth = 2;
     for (let index = 0; index < data.length; index++) {
       const {time, list} = data[index];
@@ -74398,11 +74441,11 @@ var EventsView2 = class extends Component_default2 {
           });
         };
         img.onmouseout = mouseout;
-        img.onmousemove = this._mouseMove;
+        img.onmousemove = mouseMove;
         img.onmouseover = mouseover;
         img.onclick = click;
         rect2.onmouseout = mouseout;
-        rect2.onmousemove = this._mouseMove;
+        rect2.onmousemove = mouseMove;
         rect2.onmouseover = mouseover;
         rect2.onclick = click;
       }, this);
@@ -81200,11 +81243,9 @@ var getRangeHandlers = {
       distanceRange[0] = barSpaceLimit(distanceRange[0] * e2.scale, maxWidth);
       if (e2.inSitu) {
         const extent3 = axisModel.axis.getExtent()[1];
-        let x = axisModel.axis.toLocalCoord(e2.originX);
+        const x = axisModel.axis.toLocalCoord(e2.originX);
         if (e2.isPinch) {
-          const [startIndex, endIndex] = axisModel.axis.scale.getExtent();
-          const basex = axisModel.axis.toLocalCoord(axisModel.axis.dataToCoord(Math.floor((endIndex + startIndex) / 2)));
-          x = getRenderIndexX(axisModel.axis.getBandWidth(), basex);
+          distanceRange[0] = barSpaceLimit(lastDistanceRange[0] + lastDistanceRange[0] / 10 * e2.scale, maxWidth);
         }
         const dataCount = axisModel.axis.scale.getAxisDataLen();
         const deltaFromRight = (extent3 - x) / lastDistanceRange[0];