v18.4.48 is released

Author: pipeline

controls/calendars/src/datepicker/datepicker.ts

@@ -1150,6 +1150,7 @@ export class DatePicker extends Calendar implements IInput {
             }
         } else {
             date = this.globalize.parseDate(this.inputElement.value, dateOptions);
+            date = (!isNullOrUndefined(date) && isNaN(+date)) ? null : date;
             if (!isNullOrUndefined(this.formatString) && this.inputElement.value !== '' && this.strictMode) {
                 if ((this.isPopupClicked || (!this.isPopupClicked && this.inputElement.value === this.previousElementValue))
                     && this.formatString.indexOf('y') === -1) {

controls/charts/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## 18.4.48 (2021-03-16)
+
+### Chart
+
+#### Bug Fixes
+
+- `#304737` - Remove child of null console error thrown while using canvas mode issue has been fixed.
+- `#F157327` - Fixed the data labels are overlapped issue in chart.
+- `#314894` - Stripline is not working in datetime for core platform issue fixed.
+- `#F162046` - Dynamic indicator change using useState issue resolved.
+
 ## 18.4.47 (2021-03-09)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "18.4.46",
+	"version": "18.4.47",
 	"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/src/chart/axis/strip-line.ts

@@ -3260,7 +3260,7 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
         blazorTemplatesReset(this);
         if (this.enableCanvas && this.svgObject && (this.svgObject as HTMLElement).tagName === 'CANVAS' ) {
             (this.renderer as CanvasRenderer).clearRect(new Rect(0, 0, this.availableSize.width, this.availableSize.height));
-            remove(this.svgObject);
+            if (this.svgObject.parentNode) { remove(this.svgObject); }
             return null;
         }
         removeElement(this.element.id + '_Secondary_Element');
@@ -3383,10 +3383,6 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
     public onPropertyChanged(newProp: ChartModel, oldProp: ChartModel): void {
         let renderer: boolean = false;
         let refreshBounds: boolean = false;
-        if (Object.keys(newProp).length === 1 && Object.keys(newProp)[0] === 'indicators') {
-            //add valid check,it should happen only when property change is triggered for target series
-            return;
-        }
         this.animateSeries = false;
         if (!this.delayRedraw) {
             for (let prop of Object.keys(newProp)) {
@@ -3480,6 +3476,9 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
                             refreshBounds = true;
                         }
                         break;
+                    case 'indicators':
+                        refreshBounds = true;
+                        break;
                     case 'zoomSettings':
                         if (newProp.zoomSettings.enableScrollbar || oldProp.zoomSettings.enableScrollbar) {
                             refreshBounds = true;

controls/charts/src/chart/chart.ts

@@ -197,14 +197,14 @@ export interface StripLineSettingsModel {
      * @default null
      * @aspDefaultValueIgnore
      */
-    start?: number | Date;
+    start?: Object | number | Date;
 
     /**
      * End value of the strip line.
      * @default null
      * @aspDefaultValueIgnore
      */
-    end?: number | Date;
+    end?: Object | number | Date;
 
     /**
      * Size of the strip line, when it starts from the origin.
@@ -244,14 +244,14 @@ export interface StripLineSettingsModel {
      * @default null
      * @aspDefaultValueIgnore
      */
-    repeatEvery?: number | Date;
+    repeatEvery?: Object | number | Date;
 
     /**
      * repeatUntil value of the strip line.
      * @default null
      * @aspDefaultValueIgnore
      */
-    repeatUntil?: number | Date;
+    repeatUntil?: Object | number | Date;
 
     /**
      * isSegmented value of the strip line
@@ -265,14 +265,14 @@ export interface StripLineSettingsModel {
      * @default null
      * @aspDefaultValueIgnore
      */
-    segmentStart?: number | Date;
+    segmentStart?: Object | number | Date;
 
     /**
      * segmentEnd value of the strip line.
      * @default null
      * @aspDefaultValueIgnore
      */
-    segmentEnd?: number | Date;
+    segmentEnd?: Object | number | Date;
 
     /**
      * segmentAxisName of the strip line.

controls/charts/src/chart/model/chart-base-model.d.ts

@@ -219,15 +219,15 @@ export class StripLineSettings extends ChildProperty<StripLineSettings> {
      * @aspDefaultValueIgnore
      */
     @Property(null)
-    public start: number | Date;
+    public start: Object | number | Date;
 
     /**
      * End value of the strip line.
      * @default null
      * @aspDefaultValueIgnore
      */
     @Property(null)
-    public end: number | Date;
+    public end: Object | number | Date;
 
     /**
      * Size of the strip line, when it starts from the origin.
@@ -273,15 +273,15 @@ export class StripLineSettings extends ChildProperty<StripLineSettings> {
      * @aspDefaultValueIgnore
      */
     @Property(null)
-    public repeatEvery: number | Date;
+    public repeatEvery: Object | number | Date;
 
     /**
      * repeatUntil value of the strip line.
      * @default null
      * @aspDefaultValueIgnore
      */
     @Property(null)
-    public repeatUntil: number | Date;
+    public repeatUntil: Object | number | Date;
 
     /**
      * isSegmented value of the strip line
@@ -297,15 +297,15 @@ export class StripLineSettings extends ChildProperty<StripLineSettings> {
      * @aspDefaultValueIgnore
      */
     @Property(null)
-    public segmentStart: number | Date;
+    public segmentStart: Object | number | Date;
 
     /**
      * segmentEnd value of the strip line.
      * @default null
      * @aspDefaultValueIgnore
      */
     @Property(null)
-    public segmentEnd: number | Date;
+    public segmentEnd: Object | number | Date;
 
     /**
      * segmentAxisName of the strip line.

controls/charts/src/chart/model/chart-base.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, Complex, Collection, DateFormatOptions, getValue } from '@syncfusion/ej2-base';import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';import { StackValues, RectOption, ControlPoints, PolarArc, appendChildElement, appendClipElement } from '../../common/utils/helper';import { firstToLowerCase, ChartLocation, CircleOption, IHistogramValues } from '../../common/utils/helper';import { Rect, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { ChartSeriesType, ChartShape, LegendShape, LabelPosition, SeriesValueType, EmptyPointMode, SplineType } from '../utils/enum';import { ChartDrawType } from '../utils/enum';import { BorderModel, FontModel, MarginModel, AnimationModel, EmptyPointSettingsModel, OffsetModel } from '../../common/model/base-model';import { ConnectorModel } from '../../common/model/base-model';import { CornerRadiusModel, DragSettingsModel } from '../../common/model/base-model';import { ErrorBarType, ErrorBarDirection, ErrorBarMode, TrendlineTypes } from '../utils/enum';import { Border, Font, Margin, Animation, EmptyPointSettings, CornerRadius, Connector, DragSettings } from '../../common/model/base';import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';import { Chart } from '../chart';import { Axis, Column, Row } from '../axis/axis';import { Data } from '../../common/model/data';import { Offset } from '../../common/model/base';import { ISeriesRenderEventArgs } from '../../chart/model/chart-interface';import { seriesRender } from '../../common/model/constants';import { Alignment, SeriesCategories } from '../../common/utils/enum';import { BoxPlotMode, Segment } from '../utils/enum';import { sort, getVisiblePoints, setRange } from '../../common/utils/helper';import { Browser } from '@syncfusion/ej2-base';import { StockSeries } from '../../stock-chart/index';
+import { Property, ChildProperty, Complex, Collection, DateFormatOptions, getValue } from '@syncfusion/ej2-base';import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';import { StackValues, RectOption, ControlPoints, PolarArc, appendChildElement, appendClipElement } from '../../common/utils/helper';import { firstToLowerCase, ChartLocation, CircleOption, IHistogramValues } from '../../common/utils/helper';import { Rect, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';import { ChartSeriesType, ChartShape, LegendShape, LabelPosition, SeriesValueType, EmptyPointMode, SplineType } from '../utils/enum';import { ChartDrawType, DataLabelIntersectAction } from '../utils/enum';import { BorderModel, FontModel, MarginModel, AnimationModel, EmptyPointSettingsModel, OffsetModel } from '../../common/model/base-model';import { ConnectorModel } from '../../common/model/base-model';import { CornerRadiusModel, DragSettingsModel } from '../../common/model/base-model';import { ErrorBarType, ErrorBarDirection, ErrorBarMode, TrendlineTypes } from '../utils/enum';import { Border, Font, Margin, Animation, EmptyPointSettings, CornerRadius, Connector, DragSettings } from '../../common/model/base';import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';import { Chart } from '../chart';import { Axis, Column, Row } from '../axis/axis';import { Data } from '../../common/model/data';import { Offset } from '../../common/model/base';import { ISeriesRenderEventArgs } from '../../chart/model/chart-interface';import { seriesRender } from '../../common/model/constants';import { Alignment, SeriesCategories } from '../../common/utils/enum';import { BoxPlotMode, Segment } from '../utils/enum';import { sort, getVisiblePoints, setRange } from '../../common/utils/helper';import { Browser } from '@syncfusion/ej2-base';import { StockSeries } from '../../stock-chart/index';
 
 /**
  * Interface for a class DataLabelSettings
@@ -118,7 +118,7 @@ export interface DataLabelSettingsModel {
      * @default 'Hide'
      */
 
-    labelIntersectAction?: string;
+    labelIntersectAction?: DataLabelIntersectAction;
 
 }
 

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

@@ -6,7 +6,7 @@ import { ErrorBarSettingsModel, ErrorBarCapSettingsModel } from '../series/chart
 import { firstToLowerCase, ChartLocation, CircleOption, IHistogramValues } from '../../common/utils/helper';
 import { Rect, SvgRenderer, CanvasRenderer } from '@syncfusion/ej2-svg-base';
 import { ChartSeriesType, ChartShape, LegendShape, LabelPosition, SeriesValueType, EmptyPointMode, SplineType } from '../utils/enum';
-import { ChartDrawType } from '../utils/enum';
+import { ChartDrawType, DataLabelIntersectAction } from '../utils/enum';
 import { BorderModel, FontModel, MarginModel, AnimationModel, EmptyPointSettingsModel, OffsetModel } from '../../common/model/base-model';
 import { ConnectorModel } from '../../common/model/base-model';
 import { CornerRadiusModel, DragSettingsModel } from '../../common/model/base-model';
@@ -160,7 +160,7 @@ export class DataLabelSettings extends ChildProperty<DataLabelSettings> {
      */
 
     @Property('Hide')
-    public labelIntersectAction: string;
+    public labelIntersectAction: DataLabelIntersectAction;
 
 }
 

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

@@ -583,6 +583,18 @@ export type LabelIntersectAction =
     /** Rotate the label to 90 degree when it intersect. */
     'Rotate90';
 
+/**
+ * Defines the Alignment. They are
+ * * none - Shows all the labels.
+ * * hide - Hide the label when it intersect.
+ * *
+ */
+export type DataLabelIntersectAction =
+    /** Shows all the labels. */
+    'None' |
+    /** Hide the label when it intersect. It is also applicable for polar radar chart */
+    'Hide';
+
 /**
  * Defines the Position. They are
  * * inside - Place the ticks or labels inside to the axis line.