@amcharts/amcharts5 5.1.7 → 5.1.8

package/.internal/charts/xy/XYChart.d.ts

@@ -82,12 +82,38 @@ export interface IXYChartSettings extends ISerialChartSettings {
      * @default true
      */
     arrangeTooltips?: boolean;
+    /**
+     * If set to `true`, using pinch gesture on the chart's plot area will zoom
+     * chart horizontally.
+     *
+     * NOTE: this setting is not supported in a [[RadarChart]].
+     *
+     * @see {@link https://www.amcharts.com/docs/v5/charts/xy-chart/zoom-and-pan/#Pinch_zoom} for more info
+     * @since 5.1.8
+     * @default false
+     */
+    pinchZoomX?: boolean;
+    /**
+     * If set to `true`, using pinch gesture on the chart's plot area will zoom
+     * chart vertically.
+     *
+     * NOTE: this setting is not supported in a [[RadarChart]].
+     *
+     * @see {@link https://www.amcharts.com/docs/v5/charts/xy-chart/zoom-and-pan/#Pinch_zoom} for more info
+     * @since 5.1.8
+     * @default false
+     */
+    pinchZoomY?: boolean;
 }
 export interface IXYChartPrivate extends ISerialChartPrivate {
     /**
      * A list of [[Series]] that currently have their tooltip being displayed.
      */
     tooltipSeries?: Array<XYSeries>;
+    /**
+     * @ignore
+     */
+    otherCharts?: Array<XYChart>;
 }
 export interface IXYChartEvents extends ISerialChartEvents {
     /**
@@ -174,6 +200,14 @@ export declare class XYChart extends SerialChart {
      * @default Container.new()
      */
     readonly plotContainer: Container;
+    /**
+     * A [[Container]] used for any elements that need to be displayed over
+     * regular `plotContainer`.
+     *
+     * @see {@link https://www.amcharts.com/docs/v5/charts/xy-chart/xy-chart-containers/} for more info
+     * @default Container.new()
+     */
+    readonly topPlotContainer: Container;
     /**
      * A [[Container]] axis grid elements are stored in.
      *
@@ -213,6 +247,13 @@ export declare class XYChart extends SerialChart {
     _movePoint: IPoint;
     protected _wheelDp: IDisposer | undefined;
     _otherCharts?: Array<XYChart>;
+    protected _movePoints: {
+        [index: number]: IPoint;
+    };
+    protected _downStartX?: number;
+    protected _downEndX?: number;
+    protected _downStartY?: number;
+    protected _downEndY?: number;
     protected _afterNew(): void;
     protected _removeSeries(series: this["_seriesType"]): void;
     protected _handleSetWheel(): void;
@@ -221,6 +262,7 @@ export declare class XYChart extends SerialChart {
     protected _dispatchWheelAnimation(): void;
     protected _handlePlotUp(_event: IPointerEvent): void;
     protected _handlePlotMove(event: IPointerEvent): void;
+    protected _handlePinch(): void;
     _handleCursorPosition(): void;
     _updateCursor(): void;
     protected _addCursor(cursor: XYCursor): void;

package/.internal/charts/xy/XYChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XYChart.d.ts","sourceRoot":"","sources":["../../../../../src/.internal/charts/xy/XYChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAqB,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC3H,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAOlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAE7D;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAE3E;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAE3E;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;IAElB;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAEzB;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAE3D;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;CAE/B;AAGD,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IAEzD;;;;OAIG;IACH,UAAU,EAAE,EAAE,CAAC;IAEf;;;;OAIG;IACH,QAAQ,EAAE,EAAE,CAAC;IAEb;;;;OAIG;IACH,UAAU,EAAE,EAAE,CAAC;CAEf;AAED;;;;;GAKG;AACH,qBAAa,OAAQ,SAAQ,WAAW;IAEvC,OAAc,SAAS,EAAE,MAAM,CAAa;IAC5C,OAAc,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAsD;IAE9E,SAAS,EAAE,gBAAgB,CAAC;IAC5B,gBAAgB,EAAE,eAAe,CAAC;IAClC,WAAW,EAAE,QAAQ,CAAC;IACtB,OAAO,EAAE,cAAc,CAAC;IAEvC;;OAEG;IACH,SAAgB,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAyB;IAEnF;;OAEG;IACH,SAAgB,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAyB;IAEnF;;;;;;OAMG;IACH,SAAgB,gBAAgB,EAAE,SAAS,CAAoH;IAE/J;;;;;;OAMG;IACH,SAAgB,qBAAqB,EAAE,SAAS,CAAoI;IAEpL;;;;;;OAMG;IACH,SAAgB,mBAAmB,EAAE,SAAS,CAAoH;IAElK;;;;;;OAMG;IACH,SAAgB,iBAAiB,EAAE,SAAS,CAA8H;IAE1K;;;;;;;;;;OAUG;IACH,SAAgB,aAAa,EAAE,SAAS,CAA0H;IAElK;;;;;OAKG;IACH,SAAgB,aAAa,EAAE,SAAS,CAAiH;IAEzJ;;;;;OAKG;IACH,SAAgB,gBAAgB,EAAE,SAAS,CAA+E;IAE1H;;;;;;OAMG;IACH,SAAgB,kBAAkB,EAAE,SAAS,CAA8H;IAE3K;;;;;OAKG;IACH,SAAgB,oBAAoB,EAAE,SAAS,CAAmE;IAElH;;;;;OAKG;IACH,SAAgB,aAAa,EAAE,MAAM,CAKjC;IAEG,UAAU,EAAE,MAAM,CAAkB;IAE3C,SAAS,CAAC,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;IAEnC,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAErC,SAAS,CAAC,SAAS;IAwDnB,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC;IAYnD,SAAS,CAAC,eAAe;IAmKzB,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa;IAmC9C,SAAS,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC;IAW1D,SAAS,CAAC,uBAAuB;IAOjC,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,aAAa;IAqB7C,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa;IAgFvC,qBAAqB;IAyErB,aAAa;IAOpB,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,QAAQ;IAI9B,gBAAgB;IA6FvB,SAAS,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC;IAKpD,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC;IAY/C,SAAS,CAAC,sBAAsB;IA+BhC,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK;IAwBnH,SAAS,CAAC,YAAY,CAAC,CAAC,SAAS,YAAY,EAAE,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,SAAS;IA0B/G,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC;IAqBvC,kBAAkB;IAazB;;OAEG;IACI,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC;IAErC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO;IAmC5D,SAAS,CAAC,cAAc;IA0BxB;;;;;OAKG;IACI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IA6BrC;;OAEG;IACI,eAAe;IAmItB,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIhD;;OAEG;IACI,OAAO;CAYd"}
+{"version":3,"file":"XYChart.d.ts","sourceRoot":"","sources":["../../../../../src/.internal/charts/xy/XYChart.ts"],"names":[],"mappings":"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"}

package/.internal/charts/xy/XYChart.js

@@ -12,6 +12,7 @@ import { Percent } from "../../core/util/Percent";
 import * as $array from "../../core/util/Array";
 import * as $type from "../../core/util/Type";
 import * as $order from "../../core/util/Order";
+import * as $object from "../../core/util/Object";
 /**
  * Creates an XY chart.
  *
@@ -109,6 +110,19 @@ var XYChart = /** @class */ (function (_super) {
             writable: true,
             value: _this.yAxesAndPlotContainer.children.push(Container.new(_this._root, { width: p100, height: p100, maskContent: false }))
         });
+        /**
+         * A [[Container]] used for any elements that need to be displayed over
+         * regular `plotContainer`.
+         *
+         * @see {@link https://www.amcharts.com/docs/v5/charts/xy-chart/xy-chart-containers/} for more info
+         * @default Container.new()
+         */
+        Object.defineProperty(_this, "topPlotContainer", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _this.yAxesAndPlotContainer.children.push(Container.new(_this._root, { width: p100, height: p100, isMeasured: false, position: "absolute" }))
+        });
         /**
          * A [[Container]] axis grid elements are stored in.
          *
@@ -193,6 +207,36 @@ var XYChart = /** @class */ (function (_super) {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(_this, "_movePoints", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(_this, "_downStartX", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "_downEndX", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "_downStartY", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "_downEndY", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         return _this;
     }
     Object.defineProperty(XYChart.prototype, "_afterNew", {
@@ -397,10 +441,27 @@ var XYChart = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function (event) {
-            // TODO: handle multitouch
+            var plotContainer = this.plotContainer;
+            var local = plotContainer.toLocal(this._root.documentPointToRoot({ x: event.clientX, y: event.clientY }));
+            if (this.get("pinchZoomX") || this.get("pinchZoomY")) {
+                var touchEvent = event;
+                var pointerId = touchEvent.pointerId;
+                if (pointerId) {
+                    if ($object.keys(plotContainer._downPoints).length > 0) {
+                        var xAxis = this.xAxes.getIndex(0);
+                        var yAxis = this.yAxes.getIndex(0);
+                        if (xAxis) {
+                            this._downStartX = xAxis.get("start", 0);
+                            this._downEndX = xAxis.get("end", 1);
+                        }
+                        if (yAxis) {
+                            this._downStartY = yAxis.get("start", 0);
+                            this._downEndY = yAxis.get("end", 1);
+                        }
+                    }
+                }
+            }
             if (this.get("panX") || this.get("panY")) {
-                var plotContainer = this.plotContainer;
-                var local = plotContainer.toLocal(this._root.documentPointToRoot({ x: event.clientX, y: event.clientY }));
                 if (local.x >= 0 && local.y >= 0 && local.x <= plotContainer.width() && local.y <= this.height()) {
                     this._downPoint = local;
                     var panX = this.get("panX");
@@ -480,11 +541,21 @@ var XYChart = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function (event) {
-            // TODO: handle multitouch
+            var plotContainer = this.plotContainer;
+            if (this.get("pinchZoomX") || this.get("pinchZoomY")) {
+                var touchEvent = event;
+                var pointerId = touchEvent.pointerId;
+                if (pointerId) {
+                    this._movePoints[pointerId] = this._root.documentPointToRoot({ x: event.clientX, y: event.clientY });
+                    if ($object.keys(plotContainer._downPoints).length > 1) {
+                        this._handlePinch();
+                        return;
+                    }
+                }
+            }
             var downPoint = this._downPoint;
             if (downPoint) {
-                var plotContainer_1 = this.plotContainer;
-                var local_1 = plotContainer_1.toLocal(this._root.documentPointToRoot({ x: event.clientX, y: event.clientY }));
+                var local_1 = plotContainer.toLocal(this._root.documentPointToRoot({ x: event.clientX, y: event.clientY }));
                 var panX = this.get("panX");
                 var panY = this.get("panY");
                 if (panX) {
@@ -499,7 +570,7 @@ var XYChart = /** @class */ (function (_super) {
                             var panStart = axis._panStart;
                             var panEnd = axis._panEnd;
                             var difference = (panEnd - panStart);
-                            var deltaX = difference * (downPoint.x - local_1.x) / plotContainer_1.width();
+                            var deltaX = difference * (downPoint.x - local_1.x) / plotContainer.width();
                             if (axis.get("renderer").get("inversed")) {
                                 deltaX *= -1;
                             }
@@ -527,7 +598,7 @@ var XYChart = /** @class */ (function (_super) {
                             var panStart = axis._panStart;
                             var panEnd = axis._panEnd;
                             var difference = (panEnd - panStart);
-                            var deltaY = difference * (downPoint.y - local_1.y) / plotContainer_1.height();
+                            var deltaY = difference * (downPoint.y - local_1.y) / plotContainer.height();
                             if (axis.get("renderer").get("inversed")) {
                                 deltaY *= -1;
                             }
@@ -546,6 +617,89 @@ var XYChart = /** @class */ (function (_super) {
             }
         }
     });
+    Object.defineProperty(XYChart.prototype, "_handlePinch", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            var _a, _b, _c, _d;
+            var _this = this;
+            var plotContainer = this.plotContainer;
+            var i = 0;
+            var downPoints = [];
+            var movePoints = [];
+            $object.each(plotContainer._downPoints, function (k, point) {
+                downPoints[i] = point;
+                var movePoint = _this._movePoints[k];
+                if (movePoint) {
+                    movePoints[i] = movePoint;
+                }
+                i++;
+            });
+            if (downPoints.length > 1 && movePoints.length > 1) {
+                var w = plotContainer.width();
+                var h = plotContainer.height();
+                var downPoint0 = downPoints[0];
+                var downPoint1 = downPoints[1];
+                var movePoint0 = movePoints[0];
+                var movePoint1 = movePoints[1];
+                if (downPoint0 && downPoint1 && movePoint0 && movePoint1) {
+                    movePoint0 = plotContainer.toLocal(movePoint0);
+                    movePoint1 = plotContainer.toLocal(movePoint1);
+                    downPoint0 = plotContainer.toLocal(downPoint0);
+                    downPoint1 = plotContainer.toLocal(downPoint1);
+                    if (this.get("pinchZoomX")) {
+                        var downStartX = this._downStartX;
+                        var downEndX = this._downEndX;
+                        if (downStartX != null && downEndX != null) {
+                            if (downPoint0.x > downPoint1.x) {
+                                _a = __read([downPoint1, downPoint0], 2), downPoint0 = _a[0], downPoint1 = _a[1];
+                                _b = __read([movePoint1, movePoint0], 2), movePoint0 = _b[0], movePoint1 = _b[1];
+                            }
+                            var downPos0 = downStartX + (downPoint0.x / w) * (downEndX - downStartX);
+                            var downPos1 = downStartX + (downPoint1.x / w) * (downEndX - downStartX);
+                            var movePos0 = downStartX + (movePoint0.x / w) * (downEndX - downStartX);
+                            var movePos1 = downStartX + (movePoint1.x / w) * (downEndX - downStartX);
+                            var initialDistance = Math.max(0.001, downPos1 - downPos0);
+                            var currentDistance = Math.max(0.001, movePos1 - movePos0);
+                            var d = initialDistance / currentDistance;
+                            var s_1 = downStartX * d + downPos0 - movePos0 * d;
+                            var e_1 = downEndX * d + downPos1 - movePos1 * d;
+                            this.xAxes.each(function (xAxis) {
+                                var sa = xAxis.fixPosition(s_1);
+                                var ea = xAxis.fixPosition(e_1);
+                                xAxis.zoom(sa, ea, 0);
+                            });
+                        }
+                    }
+                    if (this.get("pinchZoomY")) {
+                        var downStartY = this._downStartY;
+                        var downEndY = this._downEndY;
+                        if (downStartY != null && downEndY != null) {
+                            if (downPoint0.y < downPoint1.y) {
+                                _c = __read([downPoint1, downPoint0], 2), downPoint0 = _c[0], downPoint1 = _c[1];
+                                _d = __read([movePoint1, movePoint0], 2), movePoint0 = _d[0], movePoint1 = _d[1];
+                            }
+                            var downPos0 = downStartY + (1 - downPoint0.y / h) * (downEndY - downStartY);
+                            var downPos1 = downStartY + (1 - downPoint1.y / h) * (downEndY - downStartY);
+                            var movePos0 = downStartY + (1 - movePoint0.y / h) * (downEndY - downStartY);
+                            var movePos1 = downStartY + (1 - movePoint1.y / h) * (downEndY - downStartY);
+                            var initialDistance = Math.max(0.001, downPos1 - downPos0);
+                            var currentDistance = Math.max(0.001, movePos1 - movePos0);
+                            var d = initialDistance / currentDistance;
+                            var s_2 = downStartY * d + downPos0 - movePos0 * d;
+                            var e_2 = downEndY * d + downPos1 - movePos1 * d;
+                            this.yAxes.each(function (yAxis) {
+                                var sa = yAxis.fixPosition(s_2);
+                                var ea = yAxis.fixPosition(e_2);
+                                yAxis.zoom(sa, ea, 0);
+                            });
+                        }
+                    }
+                }
+            }
+        }
+    });
     Object.defineProperty(XYChart.prototype, "_handleCursorPosition", {
         enumerable: false,
         configurable: true,
@@ -954,7 +1108,7 @@ var XYChart = /** @class */ (function (_super) {
         writable: true,
         value: function (point) {
             var plotContainer = this.plotContainer;
-            var otherCharts = this._otherCharts;
+            var otherCharts = this.getPrivate("otherCharts", this._otherCharts);
             var global = plotContainer.toGlobal(point);
             if (point.x >= -0.1 && point.y >= -0.1 && point.x <= plotContainer.width() + 0.1 && point.y <= plotContainer.height() + 0.1) {
                 return true;