@syncfusion/ej2-angular-charts 20.4.54-ngcc → 21.1.35-ngcc

package/CHANGELOG.md

@@ -4,6 +4,21 @@
 
 ### Chart
 
+#### New Features
+
+- `#I320485` - Provided support to place a label at the center of the pie and donut charts.
+- `#I416444` - Provided support for a new chart type called range step area which is used to display the difference between minimum and maximum values over a certain time period.
+- `#I396453`, `#I314160` - Provided support to customize the height and color of the error bar of each data point.
+
+#### Bug Fixes
+
+- `#I444557` - Resolved the issue where the legend and the chart were overlapping.
+- `#I431278` - Resolved issue with overlapping chart and data label when rotation is enabled.
+
+## 20.4.54 (2023-03-14)
+
+### Chart
+
 #### Bug Fixes
 
 - `#F180863` - Resolved the issue where the page was reloading automatically.
@@ -47,7 +62,6 @@
 - `#I430549` - The axis labels getting cut off when rotating the labels has been fixed.
 - `#F180163` - Removed the chart focus element when changing to the next page.
 - `#I432239` - Now, the chartDoubleClick event is triggered when used in conjunction with the chartMouseClick event.
-- `#I431278` - Data label is now rendered properly when using a template.
 
 ## 20.4.48 (2023-02-01)
 

package/dist/ej2-angular-charts.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-charts.umd.js
-*  version : 20.4.54
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -1139,187 +1139,194 @@ exports.ChartComponent = /** @class */ (function (_super) {
         }
         catch (_7) { }
         try {
-            var mod = _this.injector.get('ChartsSplineRangeAreaSeries');
+            var mod = _this.injector.get('ChartsRangeStepAreaSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_8) { }
         try {
-            var mod = _this.injector.get('ChartsCandleSeries');
+            var mod = _this.injector.get('ChartsSplineRangeAreaSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_9) { }
         try {
-            var mod = _this.injector.get('ChartsPolarSeries');
+            var mod = _this.injector.get('ChartsCandleSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_10) { }
         try {
-            var mod = _this.injector.get('ChartsRadarSeries');
+            var mod = _this.injector.get('ChartsPolarSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_11) { }
         try {
-            var mod = _this.injector.get('ChartsSmaIndicator');
+            var mod = _this.injector.get('ChartsRadarSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_12) { }
         try {
-            var mod = _this.injector.get('ChartsTmaIndicator');
+            var mod = _this.injector.get('ChartsSmaIndicator');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_13) { }
         try {
-            var mod = _this.injector.get('ChartsEmaIndicator');
+            var mod = _this.injector.get('ChartsTmaIndicator');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_14) { }
         try {
-            var mod = _this.injector.get('ChartsAccumulationDistributionIndicator');
+            var mod = _this.injector.get('ChartsEmaIndicator');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_15) { }
         try {
-            var mod = _this.injector.get('ChartsMacdIndicator');
+            var mod = _this.injector.get('ChartsAccumulationDistributionIndicator');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_16) { }
         try {
-            var mod = _this.injector.get('ChartsAtrIndicator');
+            var mod = _this.injector.get('ChartsMacdIndicator');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_17) { }
         try {
-            var mod = _this.injector.get('ChartsRsiIndicator');
+            var mod = _this.injector.get('ChartsAtrIndicator');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_18) { }
         try {
-            var mod = _this.injector.get('ChartsMomentumIndicator');
+            var mod = _this.injector.get('ChartsRsiIndicator');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_19) { }
         try {
-            var mod = _this.injector.get('ChartsStochasticIndicator');
+            var mod = _this.injector.get('ChartsMomentumIndicator');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_20) { }
         try {
-            var mod = _this.injector.get('ChartsBollingerBands');
+            var mod = _this.injector.get('ChartsStochasticIndicator');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_21) { }
         try {
-            var mod = _this.injector.get('ChartsBoxAndWhiskerSeries');
+            var mod = _this.injector.get('ChartsBollingerBands');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_22) { }
         try {
-            var mod = _this.injector.get('ChartsHistogramSeries');
+            var mod = _this.injector.get('ChartsBoxAndWhiskerSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_23) { }
         try {
-            var mod = _this.injector.get('ChartsErrorBar');
+            var mod = _this.injector.get('ChartsHistogramSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_24) { }
         try {
-            var mod = _this.injector.get('ChartsTrendlines');
+            var mod = _this.injector.get('ChartsErrorBar');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_25) { }
         try {
-            var mod = _this.injector.get('ChartsDateTimeCategory');
+            var mod = _this.injector.get('ChartsTrendlines');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_26) { }
         try {
-            var mod = _this.injector.get('ChartsMultiColoredLineSeries');
+            var mod = _this.injector.get('ChartsDateTimeCategory');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_27) { }
         try {
-            var mod = _this.injector.get('ChartsMultiColoredAreaSeries');
+            var mod = _this.injector.get('ChartsMultiColoredLineSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_28) { }
         try {
-            var mod = _this.injector.get('ChartsMultiLevelLabel');
+            var mod = _this.injector.get('ChartsMultiColoredAreaSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_29) { }
         try {
-            var mod = _this.injector.get('ChartsParetoSeries');
+            var mod = _this.injector.get('ChartsMultiLevelLabel');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_30) { }
         try {
-            var mod = _this.injector.get('ChartsExport');
+            var mod = _this.injector.get('ChartsParetoSeries');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_31) { }
         try {
-            var mod = _this.injector.get('ChartsDataEditing');
+            var mod = _this.injector.get('ChartsExport');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_32) { }
         try {
-            var mod = _this.injector.get('ChartsHighlight');
+            var mod = _this.injector.get('ChartsDataEditing');
             if (_this.injectedModules.indexOf(mod) === -1) {
                 _this.injectedModules.push(mod);
             }
         }
         catch (_33) { }
+        try {
+            var mod = _this.injector.get('ChartsHighlight');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_34) { }
         _this.registerEvents(outputs$13);
         _this.addTwoWay.call(_this, twoWays);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
@@ -1522,6 +1529,7 @@ var HiloSeriesService = { provide: 'ChartsHiloSeries', useValue: ej2Charts.HiloS
 var HiloOpenCloseSeriesService = { provide: 'ChartsHiloOpenCloseSeries', useValue: ej2Charts.HiloOpenCloseSeries };
 var WaterfallSeriesService = { provide: 'ChartsWaterfallSeries', useValue: ej2Charts.WaterfallSeries };
 var RangeAreaSeriesService = { provide: 'ChartsRangeAreaSeries', useValue: ej2Charts.RangeAreaSeries };
+var RangeStepAreaSeriesService = { provide: 'ChartsRangeStepAreaSeries', useValue: ej2Charts.RangeStepAreaSeries };
 var SplineRangeAreaSeriesService = { provide: 'ChartsSplineRangeAreaSeries', useValue: ej2Charts.SplineRangeAreaSeries };
 var CandleSeriesService = { provide: 'ChartsCandleSeries', useValue: ej2Charts.CandleSeries };
 var PolarSeriesService = { provide: 'ChartsPolarSeries', useValue: ej2Charts.PolarSeries };
@@ -1595,6 +1603,7 @@ ChartAllModule.decorators = [
                     HiloOpenCloseSeriesService,
                     WaterfallSeriesService,
                     RangeAreaSeriesService,
+                    RangeStepAreaSeriesService,
                     SplineRangeAreaSeriesService,
                     CandleSeriesService,
                     PolarSeriesService,
@@ -1806,7 +1815,7 @@ var __metadata$5 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var inputs$1 = ['allowExport', 'annotations', 'background', 'backgroundImage', 'border', 'center', 'currencyCode', 'dataSource', 'enableAnimation', 'enableBorderOnMouseMove', 'enableExport', 'enablePersistence', 'enableRtl', 'enableSmartLabels', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'isMultiSelect', 'legendSettings', 'locale', 'margin', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width'];
+var inputs$1 = ['allowExport', 'annotations', 'background', 'backgroundImage', 'border', 'center', 'centerLabel', 'currencyCode', 'dataSource', 'enableAnimation', 'enableBorderOnMouseMove', 'enableExport', 'enablePersistence', 'enableRtl', 'enableSmartLabels', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'isMultiSelect', 'legendSettings', 'locale', 'margin', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width'];
 var outputs$16 = ['afterExport', 'animationComplete', 'annotationRender', 'beforePrint', 'beforeResize', 'chartDoubleClick', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'legendClick', 'legendRender', 'load', 'loaded', 'pointClick', 'pointMove', 'pointRender', 'resized', 'selectionComplete', 'seriesRender', 'textRender', 'tooltipRender', 'dataSourceChange'];
 var twoWays$1 = ['dataSource'];
 /**
@@ -4043,6 +4052,7 @@ exports.HiloSeriesService = HiloSeriesService;
 exports.HiloOpenCloseSeriesService = HiloOpenCloseSeriesService;
 exports.WaterfallSeriesService = WaterfallSeriesService;
 exports.RangeAreaSeriesService = RangeAreaSeriesService;
+exports.RangeStepAreaSeriesService = RangeStepAreaSeriesService;
 exports.SplineRangeAreaSeriesService = SplineRangeAreaSeriesService;
 exports.CandleSeriesService = CandleSeriesService;
 exports.PolarSeriesService = PolarSeriesService;
@@ -4175,6 +4185,7 @@ exports.CornerRadius = ej2Charts.CornerRadius;
 exports.Index = ej2Charts.Index;
 exports.EmptyPointSettings = ej2Charts.EmptyPointSettings;
 exports.DragSettings = ej2Charts.DragSettings;
+exports.CenterLabel = ej2Charts.CenterLabel;
 exports.TooltipSettings = ej2Charts.TooltipSettings;
 exports.Periods = ej2Charts.Periods;
 exports.PeriodSelectorSettings = ej2Charts.PeriodSelectorSettings;
@@ -4194,6 +4205,7 @@ exports.StackingStepAreaSeries = ej2Charts.StackingStepAreaSeries;
 exports.StackingLineSeries = ej2Charts.StackingLineSeries;
 exports.ScatterSeries = ej2Charts.ScatterSeries;
 exports.RangeColumnSeries = ej2Charts.RangeColumnSeries;
+exports.RangeStepAreaSeries = ej2Charts.RangeStepAreaSeries;
 exports.WaterfallSeries = ej2Charts.WaterfallSeries;
 exports.HiloSeries = ej2Charts.HiloSeries;
 exports.HiloOpenCloseSeries = ej2Charts.HiloOpenCloseSeries;