@progress/kendo-charts 1.20.0-dev.202111121622 → 1.20.0-dev.202111190958

package/dist/es/chart/pan-and-zoom/mousewheel-zoom.js

@@ -3,6 +3,13 @@ import toChartAxisRanges from './to-chart-axis-ranges';
 
 import { X, Y } from '../../common/constants';
 import { Class, deepExtend } from '../../common';
+import { limitValue } from '../../drawing-utils';
+
+// Limit the zoom rate between 1% and 90% per mousewheel event.
+// At zoom rates close to 100% the axis range quickly becomes 0.
+var MIN_RATE = 0.01;
+var MAX_RATE = 0.9;
+var DEFAULT_RATE = 0.3;
 
 var MousewheelZoom = (function (Class) {
     function MousewheelZoom(chart, options) {
@@ -10,7 +17,7 @@ var MousewheelZoom = (function (Class) {
 
         this.chart = chart;
         this.options = deepExtend({
-            rate: 0.3
+            rate: DEFAULT_RATE
         }, this.options, options);
     }
 
@@ -30,7 +37,8 @@ var MousewheelZoom = (function (Class) {
             var vertical = axis.options.vertical;
 
             if (!(lock === X && !vertical) && !(lock === Y && vertical) && axis.zoomRange) {
-                var range = axis.zoomRange(-delta * this$1.options.rate, coords);
+                var rate = limitValue(this$1.options.rate, MIN_RATE, MAX_RATE);
+                var range = axis.zoomRange(-delta * rate, coords);
 
                 if (range) {
                     axisRanges.push({

package/dist/es/core/axis.js

@@ -907,6 +907,26 @@ var Axis = (function (ChartElement) {
         return offset;
     };
 
+    // Computes the axis range change (delta) for a given scale factor.
+    // The delta is subtracted from the axis range:
+    //   * delta > 0 reduces the axis range (zoom-in)
+    //   * delta < 0 expands the axis range (zoom-out)
+    Axis.prototype.scaleToDelta = function scaleToDelta (rawScale, range) {
+        // Scale >= 1 would result in axis range of 0.
+        // Scale <= -1 would reverse the scale direction.
+        var MAX_SCALE = 0.999;
+        var scale = limitValue(rawScale, -MAX_SCALE, MAX_SCALE);
+
+        var delta;
+        if (scale > 0) {
+            delta = range * Math.min(1, scale);
+        } else {
+            delta = range - (range / (1 + scale));
+        }
+
+        return delta;
+    };
+
     Axis.prototype.labelsBetweenTicks = function labelsBetweenTicks () {
         return !this.options.justified;
     };

package/dist/es/core/category-axis.js

@@ -445,7 +445,8 @@ var CategoryAxis = (function (Axis) {
     CategoryAxis.prototype.scaleRange = function scaleRange (scale, cursor) {
         var position = Math.abs(this.pointOffset(cursor));
         var rangeIndices = this.totalRangeIndices();
-        var delta = (rangeIndices.max - rangeIndices.min) * Math.min(1, scale);
+        var range = rangeIndices.max - rangeIndices.min;
+        var delta = this.scaleToDelta(scale, range);
         var minDelta = position * delta;
         var maxDelta = (1 - position) * delta;
         var min = rangeIndices.min + minDelta;
@@ -455,7 +456,6 @@ var CategoryAxis = (function (Axis) {
             max = min + MIN_CATEGORY_RANGE;
         }
 
-
         return {
             min: min,
             max: max

package/dist/es/core/date-category-axis.js

@@ -544,7 +544,8 @@ var DateCategoryAxis = (function (CategoryAxis) {
         var rangeMax = ref.max;
 
         var position = Math.abs(this.pointOffset(cursor));
-        var delta = (rangeMax - rangeMin) * scale;
+        var range = rangeMax - rangeMin;
+        var delta = this.scaleToDelta(scale, range);
         var minDelta = Math.round(position * delta);
         var maxDelta = Math.round((1 - position) * delta);
 

package/dist/es/core/date-value-axis.js

@@ -180,7 +180,8 @@ var DateValueAxis = (function (Axis) {
 
     DateValueAxis.prototype.scaleRange = function scaleRange (scale, cursor) {
         var position = Math.abs(this.pointOffset(cursor));
-        var delta = (this.options.max - this.options.min) * Math.min(1, scale);
+        var range = this.options.max - this.options.min;
+        var delta = this.scaleToDelta(scale, range);
         var minDelta = position * delta;
         var maxDelta = (1 - position) * delta;
         var min = toDate(toTime(this.options.min) + minDelta);

package/dist/es/core/logarithmic-axis.js

@@ -313,7 +313,8 @@ var LogarithmicAxis = (function (Axis) {
         var logMin = log(this.options.min, base);
         var logMax = log(this.options.max, base);
         var position = Math.abs(this.pointOffset(cursor));
-        var delta = (logMax - logMin) * Math.min(1, scale);
+        var range = logMax - logMin;
+        var delta = this.scaleToDelta(scale, range);
         var min = Math.pow(base, logMin + position * delta);
         var max = Math.pow(base, logMax - (1 - position) * delta);
 

package/dist/es/core/numeric-axis.js

@@ -215,11 +215,12 @@ var NumericAxis = (function (Axis) {
 
     NumericAxis.prototype.scaleRange = function scaleRange (scale, cursor) {
         var position = Math.abs(this.pointOffset(cursor));
-        var delta = (this.options.max - this.options.min) * Math.min(1, scale);
+        var range = this.options.max - this.options.min;
+        var delta = this.scaleToDelta(scale, range);
         var minDelta = position * delta;
         var maxDelta = (1 - position) * delta;
-        var min = this.options.min + minDelta;
-        var max = this.options.max - maxDelta;
+        var min = round(this.options.min + minDelta, DEFAULT_PRECISION);
+        var max = round(this.options.max - maxDelta, DEFAULT_PRECISION);
 
         if (max - min < MIN_VALUE_RANGE) {
             max = min + MIN_VALUE_RANGE;

package/dist/es2015/chart/pan-and-zoom/mousewheel-zoom.js

@@ -3,6 +3,13 @@ import toChartAxisRanges from './to-chart-axis-ranges';
 
 import { X, Y } from '../../common/constants';
 import { Class, deepExtend } from '../../common';
+import { limitValue } from '../../drawing-utils';
+
+// Limit the zoom rate between 1% and 90% per mousewheel event.
+// At zoom rates close to 100% the axis range quickly becomes 0.
+const MIN_RATE = 0.01;
+const MAX_RATE = 0.9;
+const DEFAULT_RATE = 0.3;
 
 class MousewheelZoom extends Class {
     constructor(chart, options) {
@@ -10,7 +17,7 @@ class MousewheelZoom extends Class {
 
         this.chart = chart;
         this.options = deepExtend({
-            rate: 0.3
+            rate: DEFAULT_RATE
         }, this.options, options);
     }
 
@@ -24,7 +31,8 @@ class MousewheelZoom extends Class {
             const vertical = axis.options.vertical;
 
             if (!(lock === X && !vertical) && !(lock === Y && vertical) && axis.zoomRange) {
-                const range = axis.zoomRange(-delta * this.options.rate, coords);
+                const rate = limitValue(this.options.rate, MIN_RATE, MAX_RATE);
+                const range = axis.zoomRange(-delta * rate, coords);
 
                 if (range) {
                     axisRanges.push({

package/dist/es2015/core/axis.js

@@ -857,6 +857,26 @@ class Axis extends ChartElement {
         return offset;
     }
 
+    // Computes the axis range change (delta) for a given scale factor.
+    // The delta is subtracted from the axis range:
+    //   * delta > 0 reduces the axis range (zoom-in)
+    //   * delta < 0 expands the axis range (zoom-out)
+    scaleToDelta(rawScale, range) {
+        // Scale >= 1 would result in axis range of 0.
+        // Scale <= -1 would reverse the scale direction.
+        const MAX_SCALE = 0.999;
+        const scale = limitValue(rawScale, -MAX_SCALE, MAX_SCALE);
+
+        let delta;
+        if (scale > 0) {
+            delta = range * Math.min(1, scale);
+        } else {
+            delta = range - (range / (1 + scale));
+        }
+
+        return delta;
+    }
+
     labelsBetweenTicks() {
         return !this.options.justified;
     }

package/dist/es2015/core/category-axis.js

@@ -410,7 +410,8 @@ class CategoryAxis extends Axis {
     scaleRange(scale, cursor) {
         const position = Math.abs(this.pointOffset(cursor));
         const rangeIndices = this.totalRangeIndices();
-        const delta = (rangeIndices.max - rangeIndices.min) * Math.min(1, scale);
+        const range = rangeIndices.max - rangeIndices.min;
+        const delta = this.scaleToDelta(scale, range);
         const minDelta = position * delta;
         const maxDelta = (1 - position) * delta;
         const min = rangeIndices.min + minDelta;
@@ -420,7 +421,6 @@ class CategoryAxis extends Axis {
             max = min + MIN_CATEGORY_RANGE;
         }
 
-
         return {
             min: min,
             max: max

package/dist/es2015/core/date-category-axis.js

@@ -528,7 +528,8 @@ class DateCategoryAxis extends CategoryAxis {
         const { min: rangeMin, max: rangeMax } = this.dataRange.displayRange();
 
         const position = Math.abs(this.pointOffset(cursor));
-        const delta = (rangeMax - rangeMin) * scale;
+        const range = rangeMax - rangeMin;
+        const delta = this.scaleToDelta(scale, range);
         const minDelta = Math.round(position * delta);
         const maxDelta = Math.round((1 - position) * delta);
 

package/dist/es2015/core/date-value-axis.js

@@ -172,7 +172,8 @@ class DateValueAxis extends Axis {
 
     scaleRange(scale, cursor) {
         const position = Math.abs(this.pointOffset(cursor));
-        const delta = (this.options.max - this.options.min) * Math.min(1, scale);
+        const range = this.options.max - this.options.min;
+        const delta = this.scaleToDelta(scale, range);
         const minDelta = position * delta;
         const maxDelta = (1 - position) * delta;
         const min = toDate(toTime(this.options.min) + minDelta);

package/dist/es2015/core/logarithmic-axis.js

@@ -268,7 +268,8 @@ class LogarithmicAxis extends Axis {
         const logMin = log(this.options.min, base);
         const logMax = log(this.options.max, base);
         const position = Math.abs(this.pointOffset(cursor));
-        const delta = (logMax - logMin) * Math.min(1, scale);
+        const range = logMax - logMin;
+        const delta = this.scaleToDelta(scale, range);
         const min = Math.pow(base, logMin + position * delta);
         let max = Math.pow(base, logMax - (1 - position) * delta);
 

package/dist/es2015/core/numeric-axis.js

@@ -197,11 +197,12 @@ class NumericAxis extends Axis {
 
     scaleRange(scale, cursor) {
         const position = Math.abs(this.pointOffset(cursor));
-        const delta = (this.options.max - this.options.min) * Math.min(1, scale);
+        const range = this.options.max - this.options.min;
+        const delta = this.scaleToDelta(scale, range);
         const minDelta = position * delta;
         const maxDelta = (1 - position) * delta;
-        const min = this.options.min + minDelta;
-        let max = this.options.max - maxDelta;
+        const min = round(this.options.min + minDelta, DEFAULT_PRECISION);
+        let max = round(this.options.max - maxDelta, DEFAULT_PRECISION);
 
         if (max - min < MIN_VALUE_RANGE) {
             max = min + MIN_VALUE_RANGE;