@progress/kendo-charts 2.12.0 → 2.12.1-develop.2

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

@@ -7,7 +7,7 @@ import { BLACK, DATE, COORD_PRECISION, DEFAULT_PRECISION } from '../common/const
 import { setDefaultOptions, deepExtend, limitValue, round } from '../common';
 
 import autoMajorUnit from './utils/auto-major-unit';
-import ceil from './utils/ceil';
+import ceilToStep from './utils/ceil-to-step';
 
 import { toDate, toTime, floorDate, ceilDate, duration, addDuration, addTicks, dateDiff, absoluteDateDiff, dateComparer, parseDate, parseDates, firstDay } from '../date-utils';
 import { HOURS, DAYS, WEEKS, MONTHS, YEARS, TIME_PER_DAY, TIME_PER_WEEK, TIME_PER_MONTH, TIME_PER_YEAR, TIME_PER_UNIT } from '../date-utils/constants';
@@ -226,12 +226,12 @@ function applyDefaults(seriesMin, seriesMax, options) {
     const autoMin = floorDate(toTime(min) - 1, baseUnit, weekStartDay) || toDate(max);
     const autoMax = ceilDate(toTime(max) + 1, baseUnit, weekStartDay);
     const userMajorUnit = options.majorUnit ? options.majorUnit : undefined;
-    const majorUnit = userMajorUnit || ceil(
+    const majorUnit = userMajorUnit || ceilToStep(
         autoMajorUnit(autoMin.getTime(), autoMax.getTime()),
         baseUnitTime
     ) / baseUnitTime;
     const actualUnits = duration(autoMin, autoMax, baseUnit);
-    const totalUnits = ceil(actualUnits, majorUnit);
+    const totalUnits = ceilToStep(actualUnits, majorUnit);
     const unitsToAdd = totalUnits - actualUnits;
     const head = Math.floor(unitsToAdd / 2);
     const tail = unitsToAdd - head;

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

@@ -9,11 +9,12 @@ import { deepExtend, defined, limitValue, round, setDefaultOptions, valueOrDefau
 import autoMajorUnit from './utils/auto-major-unit';
 import autoAxisMin from './utils/auto-axis-min';
 import autoAxisMax from './utils/auto-axis-max';
-import floor from './utils/floor';
-import ceil from './utils/ceil';
+import floorToStep from './utils/floor-to-step';
+import ceilToStep from './utils/ceil-to-step';
 import limitCoordinate from './utils/limit-coordinate';
+import roundToPrecision from './utils/round-to-precision';
 
-const MIN_VALUE_RANGE = Math.pow(10, -DEFAULT_PRECISION + 1);
+const MIN_POINTS_RANGE = Math.pow(10, 1 - DEFAULT_PRECISION);
 
 class NumericAxis extends Axis {
 
@@ -137,7 +138,7 @@ class NumericAxis extends Axis {
         }
 
         const value = min + valueOffset;
-        return round(value, DEFAULT_PRECISION);
+        return roundToPrecision(value);
     }
 
     translateRange(delta) {
@@ -146,15 +147,15 @@ class NumericAxis extends Axis {
         const { lineSize } = this.lineInfo();
         const range = max - min;
         const scale = lineSize / range;
-        let offset = round(delta / scale, DEFAULT_PRECISION);
+        let offset = delta / scale;
 
         if ((vertical || reverse) && !(vertical && reverse )) {
             offset = -offset;
         }
 
         return {
-            min: min + offset,
-            max: max + offset,
+            min: roundToPrecision(min + offset),
+            max: roundToPrecision(max + offset),
             offset: offset
         };
     }
@@ -165,7 +166,7 @@ class NumericAxis extends Axis {
 
     createAxisLabel(index, labelOptions, labelContext) {
         const options = this.options;
-        const value = round(options.min + (index * options.majorUnit), DEFAULT_PRECISION);
+        const value = roundToPrecision(options.min + (index * options.majorUnit));
         const text = this.axisLabelText(value, labelOptions, labelContext);
 
         return new AxisLabel(value, text, index, null, labelOptions);
@@ -186,8 +187,9 @@ class NumericAxis extends Axis {
         const endValue = this.getValue(end);
         const min = Math.min(startValue, endValue);
         const max = Math.max(startValue, endValue);
+        const range = max - min;
 
-        if (this.isValidRange(min, max)) {
+        if (range > MIN_POINTS_RANGE) {
             return {
                 min: min,
                 max: max
@@ -201,12 +203,8 @@ class NumericAxis extends Axis {
         const delta = this.scaleToDelta(scale, range);
         const minDelta = position * delta;
         const maxDelta = (1 - position) * delta;
-        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;
-        }
+        const min = roundToPrecision(this.options.min + minDelta);
+        let max = roundToPrecision(this.options.max - maxDelta);
 
         return {
             min: min,
@@ -224,10 +222,6 @@ class NumericAxis extends Axis {
             narrowRange: false
         };
     }
-
-    isValidRange(min, max) {
-        return max - min > MIN_VALUE_RANGE;
-    }
 }
 
 function autoAxisOptions(seriesMin, seriesMax, options) {
@@ -251,8 +245,8 @@ function autoAxisOptions(seriesMin, seriesMax, options) {
         }
     }
 
-    autoOptions.min = floor(autoMin, majorUnit);
-    autoOptions.max = ceil(autoMax, majorUnit);
+    autoOptions.min = floorToStep(autoMin, majorUnit);
+    autoOptions.max = ceilToStep(autoMax, majorUnit);
 
     return autoOptions;
 }
@@ -297,8 +291,8 @@ function axisOptions(autoOptions, userOptions) {
         }
 
         if (userOptions.majorUnit) {
-            autoOptions.min = floor(autoOptions.min, userOptions.majorUnit);
-            autoOptions.max = ceil(autoOptions.max, userOptions.majorUnit);
+            autoOptions.min = floorToStep(autoOptions.min, userOptions.majorUnit);
+            autoOptions.max = ceilToStep(autoOptions.max, userOptions.majorUnit);
         } else if (userSetLimits) {
             options = deepExtend(autoOptions, userOptions);
 

package/dist/es/core/utils/auto-major-unit.js

@@ -1,8 +1,8 @@
 import { DEFAULT_PRECISION } from '../../common/constants';
-import { round } from '../../common';
+import roundToPrecision from './round-to-precision';
 
 export default function autoMajorUnit(min, max) {
-    let diff = round(max - min, DEFAULT_PRECISION - 1);
+    let diff = roundToPrecision(max - min, DEFAULT_PRECISION - 1);
 
     if (diff === 0) {
         if (max === 0) {
@@ -13,7 +13,7 @@ export default function autoMajorUnit(min, max) {
     }
 
     const scale = Math.pow(10, Math.floor(Math.log(diff) / Math.log(10)));
-    const relativeValue = round((diff / scale), DEFAULT_PRECISION);
+    const relativeValue = roundToPrecision((diff / scale), DEFAULT_PRECISION);
     let scaleMultiplier = 1;
 
     if (relativeValue < 1.904762) {
@@ -26,5 +26,5 @@ export default function autoMajorUnit(min, max) {
         scaleMultiplier = 2;
     }
 
-    return round(scale * scaleMultiplier, DEFAULT_PRECISION);
-}
+    return roundToPrecision((scale * scaleMultiplier), DEFAULT_PRECISION);
+}

package/dist/es/core/utils/ceil-to-step.js

@@ -0,0 +1,5 @@
+import roundToPrecision from './round-to-precision';
+
+export default function ceilToStep(value, step) {
+    return roundToPrecision(Math.ceil(value / step) * step);
+}

package/dist/es/core/utils/floor-to-step.js

@@ -0,0 +1,5 @@
+import roundToPrecision from './round-to-precision';
+
+export default function floorToStep(value, step) {
+    return roundToPrecision(Math.floor(value / step) * step);
+}

package/dist/es/core/utils/round-to-precision.js

@@ -0,0 +1,21 @@
+import { DEFAULT_PRECISION } from '../../common/constants';
+
+/**
+ * Rounds the given value to the specified number of significant digits and returns it as a number.
+ *
+ * This maintains the order of magnitude of the original value while rounding it to a specified number of significant digits,
+ * which is particularly useful for handling very small or very large numbers without losing their scale.
+ *
+ * For example, `roundToPrecision(0.000123456, 3)` will return `0.000123`, and `roundToPrecision(123456, 2)` will return `120000`.
+ *
+ * @param {*} value The value to round.
+ * @param {*} precision The number of significant digits to round to. Defaults to DEFAULT_PRECISION.
+ * @returns The rounded value as a number.
+ */
+export default function roundToPrecision(value, precision = DEFAULT_PRECISION) {
+    if (!Number.isFinite(value) || value === 0) {
+        return value;
+    }
+
+    return parseFloat((value).toPrecision(precision));
+}

package/dist/es/stock/stock-chart.js

@@ -173,6 +173,9 @@ setDefaultOptions(StockChart, {
             }
         }
     },
+    valueAxis: {
+        narrowRange: false
+    },
     navigator: {
         select: {},
         seriesDefaults: {

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

@@ -7,7 +7,7 @@ import { BLACK, DATE, COORD_PRECISION, DEFAULT_PRECISION } from '../common/const
 import { setDefaultOptions, deepExtend, limitValue, round } from '../common';
 
 import autoMajorUnit from './utils/auto-major-unit';
-import ceil from './utils/ceil';
+import ceilToStep from './utils/ceil-to-step';
 
 import { toDate, toTime, floorDate, ceilDate, duration, addDuration, addTicks, dateDiff, absoluteDateDiff, dateComparer, parseDate, parseDates, firstDay } from '../date-utils';
 import { HOURS, DAYS, WEEKS, MONTHS, YEARS, TIME_PER_DAY, TIME_PER_WEEK, TIME_PER_MONTH, TIME_PER_YEAR, TIME_PER_UNIT } from '../date-utils/constants';
@@ -226,12 +226,12 @@ function applyDefaults(seriesMin, seriesMax, options) {
     const autoMin = floorDate(toTime(min) - 1, baseUnit, weekStartDay) || toDate(max);
     const autoMax = ceilDate(toTime(max) + 1, baseUnit, weekStartDay);
     const userMajorUnit = options.majorUnit ? options.majorUnit : undefined;
-    const majorUnit = userMajorUnit || ceil(
+    const majorUnit = userMajorUnit || ceilToStep(
         autoMajorUnit(autoMin.getTime(), autoMax.getTime()),
         baseUnitTime
     ) / baseUnitTime;
     const actualUnits = duration(autoMin, autoMax, baseUnit);
-    const totalUnits = ceil(actualUnits, majorUnit);
+    const totalUnits = ceilToStep(actualUnits, majorUnit);
     const unitsToAdd = totalUnits - actualUnits;
     const head = Math.floor(unitsToAdd / 2);
     const tail = unitsToAdd - head;

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

@@ -9,11 +9,12 @@ import { deepExtend, defined, limitValue, round, setDefaultOptions, valueOrDefau
 import autoMajorUnit from './utils/auto-major-unit';
 import autoAxisMin from './utils/auto-axis-min';
 import autoAxisMax from './utils/auto-axis-max';
-import floor from './utils/floor';
-import ceil from './utils/ceil';
+import floorToStep from './utils/floor-to-step';
+import ceilToStep from './utils/ceil-to-step';
 import limitCoordinate from './utils/limit-coordinate';
+import roundToPrecision from './utils/round-to-precision';
 
-const MIN_VALUE_RANGE = Math.pow(10, -DEFAULT_PRECISION + 1);
+const MIN_POINTS_RANGE = Math.pow(10, 1 - DEFAULT_PRECISION);
 
 class NumericAxis extends Axis {
 
@@ -137,7 +138,7 @@ class NumericAxis extends Axis {
         }
 
         const value = min + valueOffset;
-        return round(value, DEFAULT_PRECISION);
+        return roundToPrecision(value);
     }
 
     translateRange(delta) {
@@ -146,15 +147,15 @@ class NumericAxis extends Axis {
         const { lineSize } = this.lineInfo();
         const range = max - min;
         const scale = lineSize / range;
-        let offset = round(delta / scale, DEFAULT_PRECISION);
+        let offset = delta / scale;
 
         if ((vertical || reverse) && !(vertical && reverse )) {
             offset = -offset;
         }
 
         return {
-            min: min + offset,
-            max: max + offset,
+            min: roundToPrecision(min + offset),
+            max: roundToPrecision(max + offset),
             offset: offset
         };
     }
@@ -165,7 +166,7 @@ class NumericAxis extends Axis {
 
     createAxisLabel(index, labelOptions, labelContext) {
         const options = this.options;
-        const value = round(options.min + (index * options.majorUnit), DEFAULT_PRECISION);
+        const value = roundToPrecision(options.min + (index * options.majorUnit));
         const text = this.axisLabelText(value, labelOptions, labelContext);
 
         return new AxisLabel(value, text, index, null, labelOptions);
@@ -186,8 +187,9 @@ class NumericAxis extends Axis {
         const endValue = this.getValue(end);
         const min = Math.min(startValue, endValue);
         const max = Math.max(startValue, endValue);
+        const range = max - min;
 
-        if (this.isValidRange(min, max)) {
+        if (range > MIN_POINTS_RANGE) {
             return {
                 min: min,
                 max: max
@@ -201,12 +203,8 @@ class NumericAxis extends Axis {
         const delta = this.scaleToDelta(scale, range);
         const minDelta = position * delta;
         const maxDelta = (1 - position) * delta;
-        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;
-        }
+        const min = roundToPrecision(this.options.min + minDelta);
+        let max = roundToPrecision(this.options.max - maxDelta);
 
         return {
             min: min,
@@ -224,10 +222,6 @@ class NumericAxis extends Axis {
             narrowRange: false
         };
     }
-
-    isValidRange(min, max) {
-        return max - min > MIN_VALUE_RANGE;
-    }
 }
 
 function autoAxisOptions(seriesMin, seriesMax, options) {
@@ -251,8 +245,8 @@ function autoAxisOptions(seriesMin, seriesMax, options) {
         }
     }
 
-    autoOptions.min = floor(autoMin, majorUnit);
-    autoOptions.max = ceil(autoMax, majorUnit);
+    autoOptions.min = floorToStep(autoMin, majorUnit);
+    autoOptions.max = ceilToStep(autoMax, majorUnit);
 
     return autoOptions;
 }
@@ -297,8 +291,8 @@ function axisOptions(autoOptions, userOptions) {
         }
 
         if (userOptions.majorUnit) {
-            autoOptions.min = floor(autoOptions.min, userOptions.majorUnit);
-            autoOptions.max = ceil(autoOptions.max, userOptions.majorUnit);
+            autoOptions.min = floorToStep(autoOptions.min, userOptions.majorUnit);
+            autoOptions.max = ceilToStep(autoOptions.max, userOptions.majorUnit);
         } else if (userSetLimits) {
             options = deepExtend(autoOptions, userOptions);
 

package/dist/es2015/core/utils/auto-major-unit.js

@@ -1,8 +1,8 @@
 import { DEFAULT_PRECISION } from '../../common/constants';
-import { round } from '../../common';
+import roundToPrecision from './round-to-precision';
 
 export default function autoMajorUnit(min, max) {
-    let diff = round(max - min, DEFAULT_PRECISION - 1);
+    let diff = roundToPrecision(max - min, DEFAULT_PRECISION - 1);
 
     if (diff === 0) {
         if (max === 0) {
@@ -13,7 +13,7 @@ export default function autoMajorUnit(min, max) {
     }
 
     const scale = Math.pow(10, Math.floor(Math.log(diff) / Math.log(10)));
-    const relativeValue = round((diff / scale), DEFAULT_PRECISION);
+    const relativeValue = roundToPrecision((diff / scale), DEFAULT_PRECISION);
     let scaleMultiplier = 1;
 
     if (relativeValue < 1.904762) {
@@ -26,5 +26,5 @@ export default function autoMajorUnit(min, max) {
         scaleMultiplier = 2;
     }
 
-    return round(scale * scaleMultiplier, DEFAULT_PRECISION);
-}
+    return roundToPrecision((scale * scaleMultiplier), DEFAULT_PRECISION);
+}

package/dist/es2015/core/utils/ceil-to-step.js

@@ -0,0 +1,5 @@
+import roundToPrecision from './round-to-precision';
+
+export default function ceilToStep(value, step) {
+    return roundToPrecision(Math.ceil(value / step) * step);
+}

package/dist/es2015/core/utils/floor-to-step.js

@@ -0,0 +1,5 @@
+import roundToPrecision from './round-to-precision';
+
+export default function floorToStep(value, step) {
+    return roundToPrecision(Math.floor(value / step) * step);
+}

package/dist/es2015/core/utils/round-to-precision.js

@@ -0,0 +1,21 @@
+import { DEFAULT_PRECISION } from '../../common/constants';
+
+/**
+ * Rounds the given value to the specified number of significant digits and returns it as a number.
+ *
+ * This maintains the order of magnitude of the original value while rounding it to a specified number of significant digits,
+ * which is particularly useful for handling very small or very large numbers without losing their scale.
+ *
+ * For example, `roundToPrecision(0.000123456, 3)` will return `0.000123`, and `roundToPrecision(123456, 2)` will return `120000`.
+ *
+ * @param {*} value The value to round.
+ * @param {*} precision The number of significant digits to round to. Defaults to DEFAULT_PRECISION.
+ * @returns The rounded value as a number.
+ */
+export default function roundToPrecision(value, precision = DEFAULT_PRECISION) {
+    if (!Number.isFinite(value) || value === 0) {
+        return value;
+    }
+
+    return parseFloat((value).toPrecision(precision));
+}

package/dist/es2015/stock/stock-chart.js

@@ -173,6 +173,9 @@ setDefaultOptions(StockChart, {
             }
         }
     },
+    valueAxis: {
+        narrowRange: false
+    },
     navigator: {
         select: {},
         seriesDefaults: {