v31.2.10 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.2.5 (2025-11-04)
+## 31.2.10 (2025-11-13)
 
 ### Common
 

controls/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.2.5 (2025-11-04)
+## 31.2.10 (2025-11-13)
 
 ### DatePicker
 

controls/charts/CHANGELOG.md

@@ -2,12 +2,30 @@
 
 ## [Unreleased]
 
+## 31.2.10 (2025-11-13)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I771969` - Now, the multi level label renders properly for different width.
+
 ## 31.2.5 (2025-11-04)
 
 ### Chart
 
 #### Bug Fixes
 
+- `#I777320` - The scrollbar will now update properly when it is dragged.
+- `#I767509` - The range column chart now renders correctly using a datetime Y-axis.
+- `#I779972` - Chart data is now properly updated for duplicate X values when exporting to Excel.
+
+## 31.2.4 (2025-10-28)
+
+### Chart
+
+#### Bug Fixes
+
 - `#I757693` - Extra space will no longer be added to the axis label during dynamic updates.
 - `#I777050` - Grid lines are now rendered for empty charts.
 

controls/charts/ReadMe.md

@@ -206,6 +206,15 @@ Chart control is also offered in following list of frameworks.
 * Expense Tracker - [Source](https://github.com/syncfusion/ej2-sample-ts-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=chart#/dashboard)
 * Loan Calculator - [Source](https://github.com/syncfusion/ej2-sample-ts-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=chart)
 
+## Resources
+
+* [Documentation](https://ej2.syncfusion.com/documentation/chart/getting-started)
+* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
+* [Custom Resource Generator](https://crg.syncfusion.com/)
+* [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=github)
+* [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=github)
+* [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=github)
+
 ## Support
 
 Product support is available through following mediums.
@@ -222,10 +231,10 @@ Check the changelog [here](https://github.com/syncfusion/ej2-charts/blob/master/
 
 ## License and copyright
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
 
 > A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=chart) for more info.
 
-&copy; Copyright 2022 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+&copy; Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

controls/charts/spec/chart/scrollbar/scrollbar-horizontal.spec.ts

@@ -773,8 +773,8 @@ describe('Scrollbar Chart ', () => {
                 chartObj.axisCollections[0].zoomingScrollBar.animateDuration = 0;
                 chartObj.axisCollections[0].zoomingScrollBar.scrollMouseDown(<PointerEvent>(trigger.onTouchStart(currentTarget, 0, 0, 0, 0, 890, 390)));
                 let thumbEle: Element = document.getElementById('container_scrollBarThumb_primaryXAxis');
-                expect(thumbEle.getAttribute('x') === '92.5' || thumbEle.getAttribute('x') === '121.5').toBe(true);
-                expect(thumbEle.getAttribute('width') === '715').toBe(true);
+                expect(thumbEle.getAttribute('x') === '92.5' || thumbEle.getAttribute('x') === '113.5').toBe(true);
+                expect(thumbEle.getAttribute('width') === '740').toBe(true);
                 done();
             }
             chartObj.primaryXAxis.zoomFactor = 1;
@@ -788,7 +788,7 @@ describe('Scrollbar Chart ', () => {
                 trigger.draganddropEvent(ele, 150, 150, 8000, 400);
                 let thumbEle: Element = document.getElementById('container_scrollBarThumb_primaryXAxis');
                 expect(thumbEle.getAttribute('x') === '84.5' || thumbEle.getAttribute('x') === '113.5').toBe(true);
-                expect(thumbEle.getAttribute('width') === '715').toBe(true);
+                expect(thumbEle.getAttribute('width') === '740').toBe(true);
                 done();
             }
             chartObj.primaryXAxis.zoomFactor = 1;
@@ -828,7 +828,7 @@ describe('Scrollbar Chart ', () => {
                 chartObj.axisCollections[0].zoomingScrollBar.scrollMouseWheel(<WheelEvent>wheelArgs);
                 let thumbEle: Element = document.getElementById('container_scrollBarThumb_primaryXAxis');
                 expect(thumbEle.getAttribute('x') === '84.5' || thumbEle.getAttribute('x') === '113.5').toBe(true);
-                expect(thumbEle.getAttribute('width') === '715').toBe(true);
+                expect(thumbEle.getAttribute('width') === '740').toBe(true);
                 done();
             }
             chartObj.primaryXAxis.zoomFactor = 1;

controls/charts/src/chart/axis/axis.ts

@@ -1145,7 +1145,7 @@ export class Axis extends ChildProperty<Axis> {
             else {
                 return this.isAxisOpposedPosition ? titleSize + innerPadding + titlePadding + this.labelPadding +
                     ((this.orientation === 'Vertical') ? this.maxLabelSize.width : this.maxLabelSize.height) +
-                    this.multiLevelLabelHeight : titleSize + titlePadding;
+                    this.multiLevelLabelHeight : titleSize + innerPadding + titlePadding;
             }
         }
         return labelSize;

controls/charts/src/chart/axis/multi-level-labels.ts

@@ -78,7 +78,7 @@ export class MultiLevelLabel {
             multiLevel.categories.map((categoryLabel: MultiLevelCategories, i: number) => {
                 if (categoryLabel.text !== '' && categoryLabel.start !== null && categoryLabel.end !== null) {
                     labelSize = measureText(categoryLabel.text, multiLevel.textStyle, this.chart.themeStyle.axisLabelFont);
-                    height = isVertical ? (categoryLabel.maximumTextWidth !== null && labelSize.width > categoryLabel.maximumTextWidth ?
+                    height = isVertical ? (categoryLabel.maximumTextWidth !== null ?
                         categoryLabel.maximumTextWidth : labelSize.width) : labelSize.height;
                     height += 2 * multiLevel.border.width +
                         (multiLevel.border.type === 'CurlyBrace' ? padding : 0);

controls/charts/src/chart/series/chart-series.ts

@@ -3120,6 +3120,7 @@ export class Series extends SeriesBase {
         if (!data) {
             return null;
         }
+        this.currentViewData = null;
         const updatedData: Array<number | string> = [];
         if ((this.dataSource as Object[]).length === data.length) {
             for (let i: number = 0; i < data.length; i++) {

controls/charts/src/common/scrollbar/scrollbar.ts

@@ -814,12 +814,14 @@ export class ScrollBar {
         this.height = this.axis.scrollbarSettings.height;
         const currentX: number = this.zoomPosition * (this.isVertical ? axis.rect.height : this.width);
         const minThumbX: number = (this.width - minThumbWidth - circleRadius);
-        this.scrollElements.thumbRectX = currentX > minThumbX ? minThumbX : currentX < circleRadius ?
+        this.scrollElements.thumbRectX = currentX > minThumbX ? (!this.isVertical && this.axis.scrollbarSettings.enableZoom ?
+            minThumbX + this.svgExtraWidth / 2 : minThumbX) : currentX < circleRadius ?
             (!this.isVertical && this.axis.scrollbarSettings.enableZoom ? circleRadius + this.svgExtraWidth / 2 : circleRadius)
             : (!this.isVertical && this.axis.scrollbarSettings.enableZoom ? (currentX + this.svgExtraWidth / 2) : currentX);
         this.scrollElements.thumbRectWidth = this.isThumbDrag ? this.scrollElements.thumbRectWidth :
             ((currentWidth + this.scrollElements.thumbRectX) < this.width - (circleRadius * 2))
-                ? currentWidth : this.width - this.scrollElements.thumbRectX - circleRadius;
+                ? currentWidth : ((!this.isVertical && this.axis.scrollbarSettings.enableZoom ?
+                    this.width + this.svgExtraWidth / 2 : this.width) - this.scrollElements.thumbRectX - circleRadius);
     }
 
     /**

controls/compression/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-compression",
-	"version": "0.17.0",
+	"version": "31.2.2",
 	"description": "Essential JS 2 Compression library",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",