@syncfusion/ej2-angular-charts 22.1.34 → 22.1.35

package/package.json

@@ -100,5 +100,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-charts.d.ts",
-  "version": "22.1.34"
+  "version": "22.1.35"
 }

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-charts';
-export const pkgVer = '^20.1.59';
+export const pkgVer = '^20.9.33';
 export const moduleName = 'ChartModule, AccumulationChartModule, RangeNavigatorModule, SparklineModule, SmithchartModule, StockChartModule, BulletChartModule';
-export const themeVer = '~20.1.59';
+export const themeVer = '~20.9.33';

package/src/accumulation-chart/accumulationchart.component.d.ts

@@ -31,6 +31,7 @@ export declare class AccumulationChartComponent extends AccumulationChart implem
     chartMouseLeave: any;
     chartMouseMove: any;
     chartMouseUp: any;
+    legendClick: any;
     legendRender: any;
     load: any;
     loaded: any;
@@ -55,5 +56,5 @@ export declare class AccumulationChartComponent extends AccumulationChart implem
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccumulationChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccumulationChartComponent, "ejs-accumulationchart", never, { "allowExport": "allowExport"; "annotations": "annotations"; "background": "background"; "backgroundImage": "backgroundImage"; "border": "border"; "center": "center"; "currencyCode": "currencyCode"; "dataSource": "dataSource"; "enableAnimation": "enableAnimation"; "enableBorderOnMouseMove": "enableBorderOnMouseMove"; "enableExport": "enableExport"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableSmartLabels": "enableSmartLabels"; "height": "height"; "highlightMode": "highlightMode"; "highlightPattern": "highlightPattern"; "isMultiSelect": "isMultiSelect"; "legendSettings": "legendSettings"; "locale": "locale"; "margin": "margin"; "selectedDataIndexes": "selectedDataIndexes"; "selectionMode": "selectionMode"; "selectionPattern": "selectionPattern"; "series": "series"; "subTitle": "subTitle"; "subTitleStyle": "subTitleStyle"; "theme": "theme"; "title": "title"; "titleStyle": "titleStyle"; "tooltip": "tooltip"; "useGroupingSeparator": "useGroupingSeparator"; "width": "width"; }, { "afterExport": "afterExport"; "animationComplete": "animationComplete"; "annotationRender": "annotationRender"; "beforePrint": "beforePrint"; "beforeResize": "beforeResize"; "chartDoubleClick": "chartDoubleClick"; "chartMouseClick": "chartMouseClick"; "chartMouseDown": "chartMouseDown"; "chartMouseLeave": "chartMouseLeave"; "chartMouseMove": "chartMouseMove"; "chartMouseUp": "chartMouseUp"; "legendRender": "legendRender"; "load": "load"; "loaded": "loaded"; "pointClick": "pointClick"; "pointMove": "pointMove"; "pointRender": "pointRender"; "resized": "resized"; "selectionComplete": "selectionComplete"; "seriesRender": "seriesRender"; "textRender": "textRender"; "tooltipRender": "tooltipRender"; "dataSourceChange": "dataSourceChange"; }, ["tooltip_template", "childSeries", "childAnnotations"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccumulationChartComponent, "ejs-accumulationchart", never, { "allowExport": "allowExport"; "annotations": "annotations"; "background": "background"; "backgroundImage": "backgroundImage"; "border": "border"; "center": "center"; "centerLabel": "centerLabel"; "currencyCode": "currencyCode"; "dataSource": "dataSource"; "enableAnimation": "enableAnimation"; "enableBorderOnMouseMove": "enableBorderOnMouseMove"; "enableExport": "enableExport"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableSmartLabels": "enableSmartLabels"; "height": "height"; "highlightColor": "highlightColor"; "highlightMode": "highlightMode"; "highlightPattern": "highlightPattern"; "isMultiSelect": "isMultiSelect"; "legendSettings": "legendSettings"; "locale": "locale"; "margin": "margin"; "selectedDataIndexes": "selectedDataIndexes"; "selectionMode": "selectionMode"; "selectionPattern": "selectionPattern"; "series": "series"; "subTitle": "subTitle"; "subTitleStyle": "subTitleStyle"; "theme": "theme"; "title": "title"; "titleStyle": "titleStyle"; "tooltip": "tooltip"; "useGroupingSeparator": "useGroupingSeparator"; "width": "width"; }, { "afterExport": "afterExport"; "animationComplete": "animationComplete"; "annotationRender": "annotationRender"; "beforePrint": "beforePrint"; "beforeResize": "beforeResize"; "chartDoubleClick": "chartDoubleClick"; "chartMouseClick": "chartMouseClick"; "chartMouseDown": "chartMouseDown"; "chartMouseLeave": "chartMouseLeave"; "chartMouseMove": "chartMouseMove"; "chartMouseUp": "chartMouseUp"; "legendClick": "legendClick"; "legendRender": "legendRender"; "load": "load"; "loaded": "loaded"; "pointClick": "pointClick"; "pointMove": "pointMove"; "pointRender": "pointRender"; "resized": "resized"; "selectionComplete": "selectionComplete"; "seriesRender": "seriesRender"; "textRender": "textRender"; "tooltipRender": "tooltipRender"; "dataSourceChange": "dataSourceChange"; }, ["tooltip_template", "childSeries", "childAnnotations"], never>;
 }

package/src/accumulation-chart/annotations.directive.d.ts

@@ -50,14 +50,14 @@ export declare class AccumulationAnnotationDirective extends ComplexBase<Accumul
      */
     verticalAlignment: any;
     /**
-     * if set coordinateUnit as `Pixel` X specifies the axis value
-     * else is specifies pixel or percentage of coordinate
+     * if set coordinateUnit as `Pixel` X specifies the axis value.
+     * else is specifies pixel or percentage of coordinate.
      * @default '0'
      */
     x: any;
     /**
-     * if set coordinateUnit as `Pixel` Y specifies the axis value
-     * else is specifies pixel or percentage of coordinate
+     * if set coordinateUnit as `Pixel` Y specifies the axis value.
+     * else is specifies pixel or percentage of coordinate.
      * @default '0'
      */
     y: any;

package/src/accumulation-chart/series.directive.d.ts

@@ -25,6 +25,11 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
      * Options for customizing the border of the series.
      */
     border: any;
+    /**
+     * Defines the pattern of dashes and gaps to the series border.
+     * @default '0'
+     */
+    dashArray: any;
     /**
      * The data label for the series.
      */
@@ -36,7 +41,7 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
      */
     dataSource: any;
     /**
-     * options to customize the empty points in series
+     * options to customize the empty points in series.
      */
     emptyPointSettings: any;
     /**
@@ -77,17 +82,17 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
      */
     gapRatio: any;
     /**
-     * AccumulationSeries y values less than groupMode are combined into single slice named others
+     * AccumulationSeries y values less than groupMode are combined into single slice named others.
      * @default Value
      */
     groupMode: any;
     /**
-     * AccumulationSeries y values less than groupTo are combined into single slice named others
+     * AccumulationSeries y values less than groupTo are combined into single slice named others.
      * @default null
      */
     groupTo: any;
     /**
-     * Defines the height of the funnel/pyramid with respect to the chart area
+     * Defines the height of the funnel/pyramid with respect to the chart area.
      * @default '80%'
      */
     height: any;
@@ -113,7 +118,7 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
      * * Pentagon - Renders a pentagon.
      * * InvertedTriangle - Renders a invertedTriangle.
      * * SeriesType -Render a legend shape based on series type.
-     * * Image -Render a image.     *
+     * * Image -Render a image.   *
      * @default 'SeriesType'
      */
     legendShape: any;
@@ -123,12 +128,12 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
      */
     name: any;
     /**
-     * Defines the height of the funnel neck with respect to the chart area
+     * Defines the height of the funnel neck with respect to the chart area.
      * @default '20%'
      */
     neckHeight: any;
     /**
-     * Defines the width of the funnel neck with respect to the chart area
+     * Defines the width of the funnel neck with respect to the chart area.
      * @default '20%'
      */
     neckWidth: any;
@@ -149,7 +154,7 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
      */
     pointColorMapping: any;
     /**
-     * Defines how the values have to be reflected, whether through height/surface of the segments
+     * Defines how the values have to be reflected, whether through height/surface of the segments.
      * @default 'Linear'
      */
     pyramidMode: any;
@@ -160,7 +165,7 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
     query: any;
     /**
      * Radius of the pie series and its values in percentage.
-     * @default '80%'
+     * @default null
      */
     radius: any;
     /**
@@ -174,7 +179,7 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
      */
     startAngle: any;
     /**
-     * The provided value will be considered as a Tooltip Mapping name
+     * The provided value will be considered as a Tooltip Mapping name.
      * @default ''
      */
     tooltipMappingName: any;
@@ -184,7 +189,7 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
      */
     visible: any;
     /**
-     * Defines the width of the funnel/pyramid with respect to the chart area
+     * Defines the width of the funnel/pyramid with respect to the chart area.
      * @default '80%'
      */
     width: any;
@@ -201,7 +206,7 @@ export declare class AccumulationSeriesDirective extends ComplexBase<Accumulatio
     dataLabel_template: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AccumulationSeriesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AccumulationSeriesDirective, "e-accumulation-series-collection>e-accumulation-series", never, { "animation": "animation"; "border": "border"; "dataLabel": "dataLabel"; "dataSource": "dataSource"; "emptyPointSettings": "emptyPointSettings"; "enableTooltip": "enableTooltip"; "endAngle": "endAngle"; "explode": "explode"; "explodeAll": "explodeAll"; "explodeIndex": "explodeIndex"; "explodeOffset": "explodeOffset"; "gapRatio": "gapRatio"; "groupMode": "groupMode"; "groupTo": "groupTo"; "height": "height"; "innerRadius": "innerRadius"; "legendImageUrl": "legendImageUrl"; "legendShape": "legendShape"; "name": "name"; "neckHeight": "neckHeight"; "neckWidth": "neckWidth"; "opacity": "opacity"; "palettes": "palettes"; "pointColorMapping": "pointColorMapping"; "pyramidMode": "pyramidMode"; "query": "query"; "radius": "radius"; "selectionStyle": "selectionStyle"; "startAngle": "startAngle"; "tooltipMappingName": "tooltipMappingName"; "type": "type"; "visible": "visible"; "width": "width"; "xName": "xName"; "yName": "yName"; }, {}, ["dataLabel_template"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccumulationSeriesDirective, "e-accumulation-series-collection>e-accumulation-series", never, { "animation": "animation"; "border": "border"; "dashArray": "dashArray"; "dataLabel": "dataLabel"; "dataSource": "dataSource"; "emptyPointSettings": "emptyPointSettings"; "enableTooltip": "enableTooltip"; "endAngle": "endAngle"; "explode": "explode"; "explodeAll": "explodeAll"; "explodeIndex": "explodeIndex"; "explodeOffset": "explodeOffset"; "gapRatio": "gapRatio"; "groupMode": "groupMode"; "groupTo": "groupTo"; "height": "height"; "innerRadius": "innerRadius"; "legendImageUrl": "legendImageUrl"; "legendShape": "legendShape"; "name": "name"; "neckHeight": "neckHeight"; "neckWidth": "neckWidth"; "opacity": "opacity"; "palettes": "palettes"; "pointColorMapping": "pointColorMapping"; "pyramidMode": "pyramidMode"; "query": "query"; "radius": "radius"; "selectionStyle": "selectionStyle"; "startAngle": "startAngle"; "tooltipMappingName": "tooltipMappingName"; "type": "type"; "visible": "visible"; "width": "width"; "xName": "xName"; "yName": "yName"; }, {}, ["dataLabel_template"]>;
 }
 /**
  * AccumulationSeries Array Directive

package/src/bullet-chart/ranges.directive.d.ts

@@ -13,17 +13,17 @@ export declare class BulletRangeDirective extends ComplexBase<BulletRangeDirecti
     private viewContainerRef;
     directivePropList: any;
     /**
-     * Default value for qualitative range Color
+     * Default value for qualitative range Color.
      * @default null
      */
     color: any;
     /**
-     * Default value for qualitative range end value
+     * Default value for qualitative range end value.
      * @default null
      */
     end: any;
     /**
-     * Default value for qualitative range Color
+     * Default value for qualitative range Color.
      * @default null
      */
     index: any;
@@ -33,7 +33,7 @@ export declare class BulletRangeDirective extends ComplexBase<BulletRangeDirecti
      */
     legendImageUrl: any;
     /**
-     * Default value for qualitative range name
+     * Default value for qualitative range name.
      * @default null
      */
     name: any;

package/src/chart/axes.directive.d.ts

@@ -35,7 +35,7 @@ export declare class AxisDirective extends ComplexBase<AxisDirective> {
      */
     crossesAt: any;
     /**
-     * Specifies axis name with which the axis line has to be crossed
+     * Specifies axis name with which the axis line has to be crossed.
      * @default null
      */
     crossesInAxis: any;
@@ -124,7 +124,7 @@ export declare class AxisDirective extends ComplexBase<AxisDirective> {
      */
     labelIntersectAction: any;
     /**
-     * Specifies the labelPadding from axis
+     * Specifies the labelPadding from axis.
      * @default 5
      */
     labelPadding: any;
@@ -207,7 +207,7 @@ export declare class AxisDirective extends ComplexBase<AxisDirective> {
      */
     minorTicksPerInterval: any;
     /**
-     * Specifies the multi level labels collection for the axis
+     * Specifies the multi level labels collection for the axis.
      */
     multiLevelLabels: any;
     /**
@@ -222,7 +222,7 @@ export declare class AxisDirective extends ComplexBase<AxisDirective> {
      */
     opposedPosition: any;
     /**
-     * Specifies whether axis elements like axis labels, axis title, etc has to be crossed with axis line
+     * Specifies whether axis elements like axis labels, axis title, etc has to be crossed with axis line.
      * @default true
      */
     placeNextToAxisLine: any;
@@ -267,7 +267,7 @@ export declare class AxisDirective extends ComplexBase<AxisDirective> {
      */
     rowIndex: any;
     /**
-     * Option to customize scrollbar with lazy loading
+     * Option to customize scrollbar with lazy loading.
      */
     scrollbarSettings: any;
     /**
@@ -297,7 +297,7 @@ export declare class AxisDirective extends ComplexBase<AxisDirective> {
      */
     startFromZero: any;
     /**
-     * Specifies the stripLine collection for the axis
+     * Specifies the stripLine collection for the axis.
      */
     stripLines: any;
     /**
@@ -318,10 +318,15 @@ export declare class AxisDirective extends ComplexBase<AxisDirective> {
      */
     title: any;
     /**
-     * Specifies the titlePadding from axis label
+     * Specifies the titlePadding from axis label.
      * @default 5
      */
     titlePadding: any;
+    /**
+     * Defines an angle to rotate axis title. By default, angle auto calculated based on position and orientation of axis.
+     * @default null
+     */
+    titleRotation: any;
     /**
      * Options for customizing the axis title.
      */
@@ -354,7 +359,7 @@ export declare class AxisDirective extends ComplexBase<AxisDirective> {
     zoomPosition: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AxisDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AxisDirective, "e-axes>e-axis", never, { "border": "border"; "coefficient": "coefficient"; "columnIndex": "columnIndex"; "crossesAt": "crossesAt"; "crossesInAxis": "crossesInAxis"; "crosshairTooltip": "crosshairTooltip"; "description": "description"; "desiredIntervals": "desiredIntervals"; "edgeLabelPlacement": "edgeLabelPlacement"; "enableAutoIntervalOnZooming": "enableAutoIntervalOnZooming"; "enableScrollbarOnZooming": "enableScrollbarOnZooming"; "enableTrim": "enableTrim"; "interval": "interval"; "intervalType": "intervalType"; "isIndexed": "isIndexed"; "isInversed": "isInversed"; "labelFormat": "labelFormat"; "labelIntersectAction": "labelIntersectAction"; "labelPadding": "labelPadding"; "labelPlacement": "labelPlacement"; "labelPosition": "labelPosition"; "labelRotation": "labelRotation"; "labelStyle": "labelStyle"; "lineBreakAlignment": "lineBreakAlignment"; "lineStyle": "lineStyle"; "logBase": "logBase"; "majorGridLines": "majorGridLines"; "majorTickLines": "majorTickLines"; "maximum": "maximum"; "maximumLabelWidth": "maximumLabelWidth"; "maximumLabels": "maximumLabels"; "minimum": "minimum"; "minorGridLines": "minorGridLines"; "minorTickLines": "minorTickLines"; "minorTicksPerInterval": "minorTicksPerInterval"; "multiLevelLabels": "multiLevelLabels"; "name": "name"; "opposedPosition": "opposedPosition"; "placeNextToAxisLine": "placeNextToAxisLine"; "plotOffset": "plotOffset"; "plotOffsetBottom": "plotOffsetBottom"; "plotOffsetLeft": "plotOffsetLeft"; "plotOffsetRight": "plotOffsetRight"; "plotOffsetTop": "plotOffsetTop"; "rangePadding": "rangePadding"; "rowIndex": "rowIndex"; "scrollbarSettings": "scrollbarSettings"; "skeleton": "skeleton"; "skeletonType": "skeletonType"; "span": "span"; "startAngle": "startAngle"; "startFromZero": "startFromZero"; "stripLines": "stripLines"; "tabIndex": "tabIndex"; "tickPosition": "tickPosition"; "title": "title"; "titlePadding": "titlePadding"; "titleStyle": "titleStyle"; "valueType": "valueType"; "visible": "visible"; "zoomFactor": "zoomFactor"; "zoomPosition": "zoomPosition"; }, {}, ["childStripLines", "childMultiLevelLabels"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AxisDirective, "e-axes>e-axis", never, { "border": "border"; "coefficient": "coefficient"; "columnIndex": "columnIndex"; "crossesAt": "crossesAt"; "crossesInAxis": "crossesInAxis"; "crosshairTooltip": "crosshairTooltip"; "description": "description"; "desiredIntervals": "desiredIntervals"; "edgeLabelPlacement": "edgeLabelPlacement"; "enableAutoIntervalOnZooming": "enableAutoIntervalOnZooming"; "enableScrollbarOnZooming": "enableScrollbarOnZooming"; "enableTrim": "enableTrim"; "interval": "interval"; "intervalType": "intervalType"; "isIndexed": "isIndexed"; "isInversed": "isInversed"; "labelFormat": "labelFormat"; "labelIntersectAction": "labelIntersectAction"; "labelPadding": "labelPadding"; "labelPlacement": "labelPlacement"; "labelPosition": "labelPosition"; "labelRotation": "labelRotation"; "labelStyle": "labelStyle"; "lineBreakAlignment": "lineBreakAlignment"; "lineStyle": "lineStyle"; "logBase": "logBase"; "majorGridLines": "majorGridLines"; "majorTickLines": "majorTickLines"; "maximum": "maximum"; "maximumLabelWidth": "maximumLabelWidth"; "maximumLabels": "maximumLabels"; "minimum": "minimum"; "minorGridLines": "minorGridLines"; "minorTickLines": "minorTickLines"; "minorTicksPerInterval": "minorTicksPerInterval"; "multiLevelLabels": "multiLevelLabels"; "name": "name"; "opposedPosition": "opposedPosition"; "placeNextToAxisLine": "placeNextToAxisLine"; "plotOffset": "plotOffset"; "plotOffsetBottom": "plotOffsetBottom"; "plotOffsetLeft": "plotOffsetLeft"; "plotOffsetRight": "plotOffsetRight"; "plotOffsetTop": "plotOffsetTop"; "rangePadding": "rangePadding"; "rowIndex": "rowIndex"; "scrollbarSettings": "scrollbarSettings"; "skeleton": "skeleton"; "skeletonType": "skeletonType"; "span": "span"; "startAngle": "startAngle"; "startFromZero": "startFromZero"; "stripLines": "stripLines"; "tabIndex": "tabIndex"; "tickPosition": "tickPosition"; "title": "title"; "titlePadding": "titlePadding"; "titleRotation": "titleRotation"; "titleStyle": "titleStyle"; "valueType": "valueType"; "visible": "visible"; "zoomFactor": "zoomFactor"; "zoomPosition": "zoomPosition"; }, {}, ["childStripLines", "childMultiLevelLabels"]>;
 }
 /**
  * Axis Array Directive

package/src/chart/categories.directive.d.ts

@@ -36,7 +36,7 @@ export declare class CategoryDirective extends ComplexBase<CategoryDirective> {
      */
     customAttributes: any;
     /**
-     * End value of the multi level labels
+     * End value of the multi level labels.
      * @default null
      * @aspdefaultvalueignore
      */
@@ -48,7 +48,7 @@ export declare class CategoryDirective extends ComplexBase<CategoryDirective> {
      */
     maximumTextWidth: any;
     /**
-     * Start value of the multi level labels
+     * Start value of the multi level labels.
      * @default null
      * @aspdefaultvalueignore
      */

package/src/chart/chart-all.module.d.ts

@@ -34,6 +34,7 @@ export declare const HiloSeriesService: ValueProvider;
 export declare const HiloOpenCloseSeriesService: ValueProvider;
 export declare const WaterfallSeriesService: ValueProvider;
 export declare const RangeAreaSeriesService: ValueProvider;
+export declare const RangeStepAreaSeriesService: ValueProvider;
 export declare const SplineRangeAreaSeriesService: ValueProvider;
 export declare const CandleSeriesService: ValueProvider;
 export declare const PolarSeriesService: ValueProvider;

package/src/chart/indicators.directive.d.ts

@@ -13,7 +13,7 @@ export declare class IndicatorDirective extends ComplexBase<IndicatorDirective>
     private viewContainerRef;
     directivePropList: any;
     /**
-     * Defines the type of the technical indicator
+     * Defines the type of the technical indicator.
      * @default 'Sma'
      */
     type: any;
@@ -38,13 +38,13 @@ export declare class IndicatorDirective extends ComplexBase<IndicatorDirective>
      */
     colorName: any;
     /**
-     * Defines the period, the price changes over which will define the %D value in stochastic indicators
+     * Defines the period, the price changes over which will define the %D value in stochastic indicators.
      * @default 3
      */
     dPeriod: any;
     /**
      * Defines the pattern of dashes and gaps to stroke the lines in `Line` type series.
-     * @default '0'
+     * @default ''
      */
     dashArray: any;
     /**
@@ -59,12 +59,12 @@ export declare class IndicatorDirective extends ComplexBase<IndicatorDirective>
      */
     enableComplexProperty: any;
     /**
-     * Sets the fast period to define the Macd line
+     * Sets the fast period to define the Macd line.
      * @default 26
      */
     fastPeriod: any;
     /**
-     * Defines the field to compare the current value with previous values
+     * Defines the field to compare the current value with previous values.
      * @default 'Close'
      */
     field: any;
@@ -82,7 +82,7 @@ export declare class IndicatorDirective extends ComplexBase<IndicatorDirective>
      */
     high: any;
     /**
-     * Defines the look back period, the price changes over which will define the %K value in stochastic indicators
+     * Defines the look back period, the price changes over which will define the %K value in stochastic indicators.
      * @default 14
      */
     kPeriod: any;
@@ -93,21 +93,21 @@ export declare class IndicatorDirective extends ComplexBase<IndicatorDirective>
      */
     low: any;
     /**
-     * Defines the appearance of lower line in technical indicators
+     * Defines the appearance of lower line in technical indicators.
      */
     lowerLine: any;
     /**
-     * Defines the appearance of the the MacdLine of Macd indicator
+     * Defines the appearance of the the MacdLine of Macd indicator.
      * @default { color: '#ff9933', width: 2 }
      */
     macdLine: any;
     /**
-     * Defines the color of the negative bars in Macd indicators
+     * Defines the color of the negative bars in Macd indicators.
      * @default '#e74c3d'
      */
     macdNegativeColor: any;
     /**
-     * Defines the color of the positive bars in Macd indicators
+     * Defines the color of the positive bars in Macd indicators.
      * @default '#2ecd71'
      */
     macdPositiveColor: any;
@@ -123,22 +123,22 @@ export declare class IndicatorDirective extends ComplexBase<IndicatorDirective>
      */
     open: any;
     /**
-     * Defines the over-bought(threshold) values. It is applicable for RSI and stochastic indicators
+     * Defines the over-bought(threshold) values. It is applicable for RSI and stochastic indicators.
      * @default 80
      */
     overBought: any;
     /**
-     * Defines the over-sold(threshold) values. It is applicable for RSI and stochastic indicators
+     * Defines the over-sold(threshold) values. It is applicable for RSI and stochastic indicators.
      * @default 20
      */
     overSold: any;
     /**
-     * Defines the period, the price changes over which will be considered to predict the trend
+     * Defines the period, the price changes over which will be considered to predict the trend.
      * @default 14
      */
     period: any;
     /**
-     * Defines the appearance of period line in technical indicators
+     * Defines the appearance of period line in technical indicators.
      */
     periodLine: any;
     /**
@@ -161,27 +161,27 @@ export declare class IndicatorDirective extends ComplexBase<IndicatorDirective>
      */
     segments: any;
     /**
-     * Defines the name of the series, the data of which has to be depicted as indicator
+     * Defines the name of the series, the data of which has to be depicted as indicator.
      * @default ''
      */
     seriesName: any;
     /**
-     * Enables/Disables the over-bought and over-sold regions
+     * Enables/Disables the over-bought and over-sold regions.
      * @default true
      */
     showZones: any;
     /**
-     * Sets the slow period to define the Macd line
+     * Sets the slow period to define the Macd line.
      * @default 12
      */
     slowPeriod: any;
     /**
-     * Sets the standard deviation values that helps to define the upper and lower bollinger bands
+     * Sets the standard deviation values that helps to define the upper and lower bollinger bands.
      * @default 2
      */
     standardDeviation: any;
     /**
-     * Defines the appearance of the upper line in technical indicators
+     * Defines the appearance of the upper line in technical indicators.
      */
     upperLine: any;
     /**

package/src/chart/rangecolorsettings.directive.d.ts

@@ -11,11 +11,11 @@ export declare class RangeColorSettingDirective extends ComplexBase<RangeColorSe
     private viewContainerRef;
     directivePropList: any;
     /**
-     * Specify the fill colors of point those lies on the given range, if multiple colors mentioned, then we need to fill gradient
+     * Specify the fill colors of point those lies on the given range, if multiple colors mentioned, then we need to fill gradient.
      */
     colors: any;
     /**
-     * Specify the end value of color mapping range
+     * Specify the end value of color mapping range.
      */
     end: any;
     /**
@@ -23,7 +23,7 @@ export declare class RangeColorSettingDirective extends ComplexBase<RangeColorSe
      */
     label: any;
     /**
-     * Specify the start value of color mapping range
+     * Specify the start value of color mapping range.
      */
     start: any;
     constructor(viewContainerRef: ViewContainerRef);

package/src/chart/selecteddataindexes.directive.d.ts

@@ -11,13 +11,13 @@ export declare class SelectedDataIndexDirective extends ComplexBase<SelectedData
     private viewContainerRef;
     directivePropList: any;
     /**
-     * Specifies the point index
+     * Specifies the point index.
      * @default 0
      * @asptype int
      */
     point: any;
     /**
-     * Specifies the series index
+     * Specifies the series index.
      * @default 0
      * @asptype int
      */

package/src/chart/series.directive.d.ts

@@ -54,7 +54,7 @@ export declare class SeriesDirective extends ComplexBase<SeriesDirective> {
     /**
      * This property is used in financial charts to visualize the price movements in stock.
      * It defines the color of the candle/point, when the opening price is less than the closing price.
-     * @default '#2ecd71'
+     * @default null
      */
     bearFillColor: any;
     /**
@@ -78,11 +78,11 @@ export declare class SeriesDirective extends ComplexBase<SeriesDirective> {
     /**
      * This property is used in financial charts to visualize the price movements in stock.
      * It defines the color of the candle/point, when the opening price is higher than the closing price.
-     * @default '#e74c3d'
+     * @default null
      */
     bullFillColor: any;
     /**
-     * It defines tension of cardinal spline types
+     * It defines tension of cardinal spline types.
      * @default 0.5
      */
     cardinalSplineTension: any;
@@ -127,7 +127,7 @@ export declare class SeriesDirective extends ComplexBase<SeriesDirective> {
     cornerRadius: any;
     /**
      * Defines the pattern of dashes and gaps to stroke the lines in `Line` type series.
-     * @default '0'
+     * @default ''
      */
     dashArray: any;
     /**
@@ -155,7 +155,7 @@ export declare class SeriesDirective extends ComplexBase<SeriesDirective> {
      */
     drawType: any;
     /**
-     * options to customize the empty points in series
+     * options to customize the empty points in series.
      */
     emptyPointSettings: any;
     /**
@@ -275,6 +275,10 @@ export declare class SeriesDirective extends ComplexBase<SeriesDirective> {
      * @default ''
      */
     open: any;
+    /**
+     * Options for customizing the pareto line series.
+     */
+    paretoOptions: any;
     /**
      * The DataSource field that contains the color value of point
      * It is applicable for series
@@ -406,7 +410,7 @@ export declare class SeriesDirective extends ComplexBase<SeriesDirective> {
     dataLabel_template: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<SeriesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SeriesDirective, "e-series-collection>e-series", never, { "animation": "animation"; "bearFillColor": "bearFillColor"; "binInterval": "binInterval"; "border": "border"; "boxPlotMode": "boxPlotMode"; "bullFillColor": "bullFillColor"; "cardinalSplineTension": "cardinalSplineTension"; "close": "close"; "colorName": "colorName"; "columnSpacing": "columnSpacing"; "columnWidth": "columnWidth"; "columnWidthInPixel": "columnWidthInPixel"; "connector": "connector"; "cornerRadius": "cornerRadius"; "dashArray": "dashArray"; "dataSource": "dataSource"; "dragSettings": "dragSettings"; "drawType": "drawType"; "emptyPointSettings": "emptyPointSettings"; "enableComplexProperty": "enableComplexProperty"; "enableSolidCandles": "enableSolidCandles"; "enableTooltip": "enableTooltip"; "errorBar": "errorBar"; "fill": "fill"; "groupName": "groupName"; "high": "high"; "intermediateSumIndexes": "intermediateSumIndexes"; "isClosed": "isClosed"; "legendImageUrl": "legendImageUrl"; "legendShape": "legendShape"; "low": "low"; "marker": "marker"; "maxRadius": "maxRadius"; "minRadius": "minRadius"; "name": "name"; "negativeFillColor": "negativeFillColor"; "nonHighlightStyle": "nonHighlightStyle"; "opacity": "opacity"; "open": "open"; "pointColorMapping": "pointColorMapping"; "query": "query"; "segmentAxis": "segmentAxis"; "segments": "segments"; "selectionStyle": "selectionStyle"; "showMean": "showMean"; "showNormalDistribution": "showNormalDistribution"; "size": "size"; "splineType": "splineType"; "stackingGroup": "stackingGroup"; "sumIndexes": "sumIndexes"; "summaryFillColor": "summaryFillColor"; "tooltipFormat": "tooltipFormat"; "tooltipMappingName": "tooltipMappingName"; "trendlines": "trendlines"; "type": "type"; "unSelectedStyle": "unSelectedStyle"; "visible": "visible"; "volume": "volume"; "width": "width"; "xAxisName": "xAxisName"; "xName": "xName"; "yAxisName": "yAxisName"; "yName": "yName"; "zOrder": "zOrder"; }, {}, ["dataLabel_template", "childTrendlines", "childSegments"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SeriesDirective, "e-series-collection>e-series", never, { "animation": "animation"; "bearFillColor": "bearFillColor"; "binInterval": "binInterval"; "border": "border"; "boxPlotMode": "boxPlotMode"; "bullFillColor": "bullFillColor"; "cardinalSplineTension": "cardinalSplineTension"; "close": "close"; "colorName": "colorName"; "columnSpacing": "columnSpacing"; "columnWidth": "columnWidth"; "columnWidthInPixel": "columnWidthInPixel"; "connector": "connector"; "cornerRadius": "cornerRadius"; "dashArray": "dashArray"; "dataSource": "dataSource"; "dragSettings": "dragSettings"; "drawType": "drawType"; "emptyPointSettings": "emptyPointSettings"; "enableComplexProperty": "enableComplexProperty"; "enableSolidCandles": "enableSolidCandles"; "enableTooltip": "enableTooltip"; "errorBar": "errorBar"; "fill": "fill"; "groupName": "groupName"; "high": "high"; "intermediateSumIndexes": "intermediateSumIndexes"; "isClosed": "isClosed"; "legendImageUrl": "legendImageUrl"; "legendShape": "legendShape"; "low": "low"; "marker": "marker"; "maxRadius": "maxRadius"; "minRadius": "minRadius"; "name": "name"; "negativeFillColor": "negativeFillColor"; "nonHighlightStyle": "nonHighlightStyle"; "opacity": "opacity"; "open": "open"; "paretoOptions": "paretoOptions"; "pointColorMapping": "pointColorMapping"; "query": "query"; "segmentAxis": "segmentAxis"; "segments": "segments"; "selectionStyle": "selectionStyle"; "showMean": "showMean"; "showNormalDistribution": "showNormalDistribution"; "size": "size"; "splineType": "splineType"; "stackingGroup": "stackingGroup"; "sumIndexes": "sumIndexes"; "summaryFillColor": "summaryFillColor"; "tooltipFormat": "tooltipFormat"; "tooltipMappingName": "tooltipMappingName"; "trendlines": "trendlines"; "type": "type"; "unSelectedStyle": "unSelectedStyle"; "visible": "visible"; "volume": "volume"; "width": "width"; "xAxisName": "xAxisName"; "xName": "xName"; "yAxisName": "yAxisName"; "yName": "yName"; "zOrder": "zOrder"; }, {}, ["dataLabel_template", "childTrendlines", "childSegments"]>;
 }
 /**
  * Series Array Directive

package/src/chart/striplines.directive.d.ts

@@ -43,6 +43,11 @@ export declare class StripLineDirective extends ComplexBase<StripLineDirective>
      * @default 'Middle'
      */
     horizontalAlignment: any;
+    /**
+     * The URL of the background image for the strip line.
+     * @default ''
+     */
+    imageUrl: any;
     /**
      * isRepeat value of the strip line.
      * @default false
@@ -50,13 +55,13 @@ export declare class StripLineDirective extends ComplexBase<StripLineDirective>
      */
     isRepeat: any;
     /**
-     * isSegmented value of the strip line
+     * isSegmented value of the strip line.
      * @default false
      * @aspdefaultvalueignore
      */
     isSegmented: any;
     /**
-     * Strip line Opacity
+     * Strip line Opacity.
      * @default 1
      */
     opacity: any;
@@ -103,7 +108,7 @@ export declare class StripLineDirective extends ComplexBase<StripLineDirective>
      */
     size: any;
     /**
-     * Size type of the strip line
+     * Size type of the strip line.
      * @default Auto
      */
     sizeType: any;
@@ -151,7 +156,7 @@ export declare class StripLineDirective extends ComplexBase<StripLineDirective>
     zIndex: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<StripLineDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StripLineDirective, "e-axis>e-striplines>e-stripline", never, { "border": "border"; "color": "color"; "dashArray": "dashArray"; "end": "end"; "horizontalAlignment": "horizontalAlignment"; "isRepeat": "isRepeat"; "isSegmented": "isSegmented"; "opacity": "opacity"; "repeatEvery": "repeatEvery"; "repeatUntil": "repeatUntil"; "rotation": "rotation"; "segmentAxisName": "segmentAxisName"; "segmentEnd": "segmentEnd"; "segmentStart": "segmentStart"; "size": "size"; "sizeType": "sizeType"; "start": "start"; "startFromAxis": "startFromAxis"; "text": "text"; "textStyle": "textStyle"; "verticalAlignment": "verticalAlignment"; "visible": "visible"; "zIndex": "zIndex"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StripLineDirective, "e-axis>e-striplines>e-stripline", never, { "border": "border"; "color": "color"; "dashArray": "dashArray"; "end": "end"; "horizontalAlignment": "horizontalAlignment"; "imageUrl": "imageUrl"; "isRepeat": "isRepeat"; "isSegmented": "isSegmented"; "opacity": "opacity"; "repeatEvery": "repeatEvery"; "repeatUntil": "repeatUntil"; "rotation": "rotation"; "segmentAxisName": "segmentAxisName"; "segmentEnd": "segmentEnd"; "segmentStart": "segmentStart"; "size": "size"; "sizeType": "sizeType"; "start": "start"; "startFromAxis": "startFromAxis"; "text": "text"; "textStyle": "textStyle"; "verticalAlignment": "verticalAlignment"; "visible": "visible"; "zIndex": "zIndex"; }, {}, never>;
 }
 /**
  * StripLine Array Directive