v28.2.4 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.2.3 (2025-01-29)
+## 28.2.4 (2025-02-04)
 
 ### Barcode
 

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.2.3 (2025-01-29)
+## 28.2.4 (2025-02-04)
 
 ### Switch
 

controls/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.2.3 (2025-01-29)
+## 28.2.4 (2025-02-04)
 
 ### DatePicker
 

controls/charts/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 28.2.4 (2025-02-04)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I681285` - Chart performance has been optimized when using the data label template.
+
 ## 28.2.3 (2025-01-29)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "28.1.41",
+	"version": "28.2.3",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/charts/spec/chart/series/bar-series.spec.ts

@@ -759,7 +759,7 @@ describe('Chart Control', () => {
                 let element: HTMLElement = document.getElementById('container_Series_0_DataLabel_5');
                 expect(element.children[0].innerHTML).toBe('6000 : -40');
                 expect(element.style.backgroundColor).toBe('red');
-                expect(element.style.color).toBe('white');
+                expect(element.style.color).toBe('');
                 done();
             };
             chartObj.series[0].marker.dataLabel.template = '<div>${point.x} : ${point.y}</div>';
@@ -771,7 +771,7 @@ describe('Chart Control', () => {
                 let element: HTMLElement = document.getElementById('container_Series_0_DataLabel_5');
                 expect(element.children[0].innerHTML).toBe('80');
                 expect(element.style.backgroundColor).toBe('red');
-                expect(element.style.color).toBe('white');
+                expect(element.style.color).toBe('');
                 done();
             };
             chartObj.series[0].marker.dataLabel.template = '#template';

controls/charts/spec/chart/series/range-column-series.spec.ts

@@ -703,7 +703,7 @@ describe('Chart', () => {
                 let element: HTMLElement = document.getElementById('container_Series_0_DataLabel_5');
                 expect(element.children[0].innerHTML).toBe('34 : -22');
                 expect(element.style.backgroundColor).toBe('transparent');
-                expect(element.style.color).toBe('black');
+                expect(element.style.color).toBe('');
                 done();
             };
             chartObj.series[0].marker.dataLabel.template = '<div>${point.high} : ${point.low}</div>';
@@ -715,7 +715,7 @@ describe('Chart', () => {
                 let element: HTMLElement = document.getElementById('container_Series_0_DataLabel_5');
                 expect(element.children[0].innerHTML).toBe('80');
                 expect(element.style.backgroundColor).toBe('transparent');
-                expect(element.style.color).toBe('black');
+                expect(element.style.color).toBe('');
                 done();
             };
             chartObj.series[0].marker.dataLabel.template = '#template';

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

@@ -380,12 +380,8 @@ export class DataLabel {
         }
         childElement.style.left = ((this.chart.chartAreaType === 'PolarRadar' ? 0 : series.clipRect.x) + rect.x - clipWidth) + 'px';
         childElement.style.top = ((this.chart.chartAreaType === 'PolarRadar' ? 0 : series.clipRect.y) + rect.y + clipHeight) + 'px';
-        const backgroundColor: string = this.fontBackground === 'transparent' ? (this.chart.theme.indexOf('Dark') > -1 ? 'black' : 'white') : this.fontBackground;
-        const rgbValue: ColorValue = convertHexToColor(colorNameToHex(backgroundColor));
         const vAxis: Axis = series.chart.requireInvertedAxis ? series.xAxis : series.yAxis;
         const hAxis: Axis = series.chart.requireInvertedAxis ? series.yAxis : series.xAxis;
-        childElement.style.color = dataLabel.font.color || (this.chart.theme === 'Bootstrap5' ? '#212529' : this.chart.theme === 'Bootstrap5Dark' ? '#DEE2E6' :
-            ((Math.round((rgbValue.r * 299 + rgbValue.g * 587 + rgbValue.b * 114) / 1000)) >= 128 ? 'black' : 'white'));
         if (childElement.childElementCount && !isOverlap && (!isCollide(rect, this.chart.dataLabelCollections, clip) ||
             dataLabel.labelIntersectAction === 'None') && (series.seriesType !== 'XY' || point.yValue === undefined ||
                 withIn(point.yValue, series.yAxis.visibleRange) || (series.type.indexOf('Stacking') > -1) ||

controls/charts/src/common/utils/export.ts

@@ -331,8 +331,9 @@ export class ExportUtils {
             document.pageSettings.orientation = orientation;
             const exactWidth: number = (pdfDefaultWidth < width[i as number]) ? (width[i as number] + margin.left + margin.right) :
                 pdfDefaultWidth;
-            const exactHeight: number = orientation === 0 ? (width[i as number] + margin.left + margin.right) :
-                (pdfDefaultHeight < height[i as number]) ? (height[i as number] + margin.top + margin.bottom) : pdfDefaultHeight;
+            const exactHeight: number = (orientation === 0 && pdfDefaultHeight > height[i as number]) ?
+                (width[i as number] + margin.left + margin.right) : (pdfDefaultHeight < height[i as number]) ?
+                    (height[i as number] + margin.top + margin.bottom) : pdfDefaultHeight;
             if (header !== undefined) {
                 const font: PdfStandardFont = new PdfStandardFont(1, header.fontSize || 15);
                 const pdfHeader: PdfPageTemplateElement = new PdfPageTemplateElement(exactWidth, 30);

controls/data/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.2.3 (2025-01-29)
+## 28.2.4 (2025-02-04)
 
 ### DataManager