tvcharts 0.8.99 → 0.9.10

package/dist/echarts.js

@@ -42307,9 +42307,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 +42475,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 +56704,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;
@@ -56887,7 +56908,7 @@ var LinesPlotView2 = class extends Chart_default {
             isWebviewRender: isMobile
           },
           style: {
-            lineDash,
+            lineDash: lineStyleMap[lineDash],
             stroke: visualColor || color2,
             lineWidth: +lineWidth,
             lineCap: "round",
@@ -57308,7 +57329,7 @@ var linesPlotLayout = {
           const itemModal = lineData.getRawDataItem(i);
           const {
             color: color2,
-            type = "solid",
+            type = "style_solid",
             width = "1",
             rgbas
           } = itemModal.lineStyle || {};
@@ -57375,7 +57396,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 = {
@@ -59805,7 +59826,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 +59862,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);
@@ -59994,38 +60015,38 @@ var CandlePlotView2 = class extends Chart_default {
     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({
+    each(wickPointsByColor, function(points4, key) {
+      const [stroke] = key.split(":");
+      const el = new WickPath_default({
         shape: {
           points: points4,
-          isSimpleBox,
-          fill: fill !== "none" ? fill : "",
           isMobile,
           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,
+          isSimpleBox,
+          fill: !isSimpleBox || fill !== "none" ? fill : "",
           isMobile,
-          stroke: stroke !== "none" ? stroke : ""
+          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) {
@@ -60201,10 +60222,10 @@ 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[1] += 0.5;
-        point2[1] += 0.5;
+        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);
       }
       function subPixelOptimizePoint(point) {
@@ -60247,9 +60268,6 @@ function calculateCandleWidth2(seriesModel, data) {
   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
@@ -74305,6 +74323,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 +74417,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 +81219,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];