import { ViewContainerRef } from '@angular/core';
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
import * as i0 from "@angular/core";
/**
* Series Directive
* ```html
*
*
*
* ```
*/
export declare class SeriesDirective extends ComplexBase {
private viewContainerRef;
directivePropList: any;
childTrendlines: any;
childSegments: any;
tags: string[];
/**
* The type of the series determines the visual representation of the data.
* Available series types include:
* * Line - Draws a line series.
* * Column - Draws a column series.
* * Area - Draws an area series.
* * Bar - Draws a bar series.
* * Histogram - Draws a histogram series.
* * StackingColumn - Draws a stacking column series.
* * StackingArea - Draws a stacking area series.
* * StackingBar - Draws a stacking bar series.
* * StepLine - Draws a step line series.
* * StepArea - Draws a step area series.
* * Scatter - Draws a scatter series.
* * Spline - Draws a spline series.
* * StackingColumn100 - Draws a 100% stacked column series.
* * StackingBar100 - Draws a 100% stacked bar series.
* * StackingArea100 - Draws a 100% stacked area series.
* * RangeColumn - Draws a range column series.
* * Hilo - Draws a Hilo series.
* * HiloOpenClose - Draws a Hilo Open Close series.
* * Waterfall - Draws a waterfall series.
* * RangeArea - Draws a range area series.
* * SplineRangeArea - Draws a spline range area series.
* * Bubble - Draws a bubble series.
* * Candle - Draws a candle series.
* * Polar - Draws a polar series.
* * Radar - Draws a radar series.
* * BoxAndWhisker - Draws a box and whisker series.
* * Pareto - Draws a Pareto series.
* @default 'Line'
*/
type: any;
/**
* Options to improve accessibility for series elements.
*/
accessibility: any;
/**
* Options for customizing the animation of the series.
* By default, animation is enabled with a duration of 1000 milliseconds (about 1 second). It can be disabled by setting enable to `false`.
* The following properties are supported in animation:
* * enable: If set to true, the series is animated on initial loading.
* * duration: The duration of the animation in milliseconds.
* * delay: The delay before the animation starts, in milliseconds.
*/
animation: any;
/**
* This property is used in financial charts to visualize price movements in stocks.
* It defines the color of the candle/point when the opening price is less than the closing price.
* @default null
*/
bearFillColor: any;
/**
* The `binInterval` property controls the width of each bin and the interval between bins for histogram points.
* @default null
* @aspdefaultvalueignore
*/
binInterval: any;
/**
* Options for customizing the border of the series.
* > Note that this property is applicable only for `Column` and `Bar` type series.
*/
border: any;
/**
* Specifies the box plot mode for the box and whisker chart series.
* The available modes are:
* Exclusive - Renders the series based on the exclusive mode.
* Inclusive - Renders the series based on the inclusive mode.
* Normal - Renders the series based on the normal mode.
* @default 'Normal'
*/
boxPlotMode: any;
/**
* This property is used in financial charts to visualize price movements in stocks.
* It defines the color of the candle/point when the opening price is higher than the closing price.
* @default null
*/
bullFillColor: any;
/**
* Specifies the tension parameter for cardinal splines. This affects the curvature of the spline.
* @default 0.5
*/
cardinalSplineTension: any;
/**
* The data source field that contains the close value.
* It is applicable for both financial series and technical indicators.
* @default ''
*/
close: any;
/**
* The data source field that contains the color mapping value.
* It is applicable for range color mapping.
*/
colorName: any;
/**
* Defines the shape of the data in a column and bar chart.
* Available shapes are:
* * Rectangle: Displays the data in a column and bar chart with a rectangular shape.
* * Cylinder: Displays the data in a column and bar chart with a cylindrical shape.
* @default 'Rectangle'
*/
columnFacet: any;
/**
* This property determines the space between columns in a column or bar chart.
* > Note that it takes a value from 0 to 1.
* @default 0
*/
columnSpacing: any;
/**
* The `columnWidth` property can be used to customize the width of the columns in a column series.
* > Note that if the series type is histogram, the default value is 1; otherwise, it is 0.7.
* @default null
* @aspdefaultvalueignore
* @blazordefaultvalue Double.NaN
*/
columnWidth: any;
/**
* To render the column series points with a specific column width in pixels.
* @default null
* @aspdefaultvalueignore
* @blazordefaultvalue Double.NaN
*/
columnWidthInPixel: any;
/**
* Specifies the appearance of the line connecting adjacent points in waterfall charts.
*/
connector: any;
/**
* The `cornerRadius` property specifies the radius for the corners of the column series points to create a rounded appearance in the chart.
*/
cornerRadius: any;
/**
* Defines the pattern of dashes and gaps used to stroke the lines in `Line` type series.
* @default ''
*/
dashArray: any;
/**
* Specifies the data source for the series. It can be an array of JSON objects, or an instance of DataManager.
*
* @default ''
*/
dataSource: any;
/**
* Customize the drag settings for the series with this property to configure drag behavior in the chart.
*/
dragSettings: any;
/**
* Specifies the type of series to be drawn in radar or polar charts.
* The available options are:
* * 'Line' - Renders a line series.
* * 'Column' - Renders a column series.
* * 'Area' - Renders an area series.
* * 'Scatter' - Renders a scatter series.
* * 'Spline' - Renders a spline series.
* * 'StackingColumn' - Renders a stacking column series.
* * 'StackingArea' - Renders a stacking area series.
* * 'RangeColumn' - Renders a range column series.
* * 'SplineArea' - Renders a spline area series.
* @default 'Line'
*/
drawType: any;
/**
* Customization options for the appearance of empty points in the series.
* `null` or `undefined` values are considered empty points.
*/
emptyPointSettings: any;
/**
* This property is used to improve chart performance through data mapping for the series data source.
* @default false
*/
enableComplexProperty: any;
/**
* This property is applicable for the candle series.
* It enables or disables the visual comparison of the current values with previous values in stock charts.
* @default false
*/
enableSolidCandles: any;
/**
* Controls whether the tooltip for the chart series is enabled or disabled. Set to true to display tooltips on hover, or false to hide them.
* @default true
*/
enableTooltip: any;
/**
* Options for displaying and customizing error bars for individual points in a series.
*/
errorBar: any;
/**
* The fill color for the series, which accepts values in hex or rgba as a valid CSS color string.
* It also represents the color of the signal lines in technical indicators.
* For technical indicators, the default value is 'blue', and for series, it is null.
* @default null
*/
fill: any;
/**
* Defines the name that specifies the chart series are mutually exclusive and can be overlaid.
* Series in the same group share the same baseline and location on the corresponding axis.
* @default ''
*/
groupName: any;
/**
* The data source field that contains the high value.
* It is applicable for both financial series and technical indicators.
* @default ''
*/
high: any;
/**
* Defines the collection of indexes for the intermediate summary columns in waterfall charts.
* @default []
* @asptype int[]
*/
intermediateSumIndexes: any;
/**
* Specifies whether to join the start and end points of a line/area series used in a polar/radar chart to form a closed path.
* @default true
*/
isClosed: any;
/**
* Options for customizing and displaying the last value in the series.
*/
lastValueLabel: any;
/**
* The URL for the image to be displayed as a legend icon.
* > Note that `legendShape` must be set to `Image`.
* @default ''
*/
legendImageUrl: any;
/**
* Specifies the shape of the legend icon for each series.
* Available shapes for legend:
* * Circle - Renders a circular icon.
* * Rectangle - Renders a rectangular icon.
* * Triangle - Renders a triangular icon.
* * Diamond - Renders a diamond-shaped icon.
* * Cross - Renders a cross-shaped icon.
* * HorizontalLine - Renders a horizontal line icon.
* * VerticalLine - Renders a vertical line icon.
* * Pentagon - Renders a pentagon-shaped icon.
* * InvertedTriangle - Renders an inverted triangle-shaped icon.
* * SeriesType - Uses the default icon shape based on the series type.
* * Image - Renders a custom image for the legend icon.
* @default 'SeriesType'
*/
legendShape: any;
/**
* The data source field that contains the low value.
* It is applicable for both financial series and technical indicators.
* @default ''
*/
low: any;
/**
* Options for displaying and customizing markers for individual points in a series.
*/
marker: any;
/**
* Specifies the maximum radius for the data points in the series.
* @default 3
*/
maxRadius: any;
/**
* Specifies the minimum radius for the data points in the series.
* @default 1
*/
minRadius: any;
/**
* The `name` property allows setting a name for the series, which will be displayed in the legend, identifying different series in the chart, especially when multiple series are present.
* @default ''
*/
name: any;
/**
* Defines the visual representation of negative changes in waterfall charts.
* @default '#C64E4A'
*/
negativeFillColor: any;
/**
* When set to true, the step series will be rendered without the vertical lines (risers) connecting the horizontal steps.
* > Note this property is only applicable to step series.
* @default false
*/
noRisers: any;
/**
* The `nonHighlightStyle` property is used to specify custom CSS styles for the non-highlighted series or points.
* @default null
*/
nonHighlightStyle: any;
/**
* Sets the opacity of the series, with a value between 0 and 1 where 0 is fully transparent and 1 is fully opaque.
* @default 1
*/
opacity: any;
/**
* The data source field that contains the open value.
* It is applicable for both financial series and technical indicators.
* @default ''
*/
open: any;
/**
* Options for customizing the Pareto line series, including its appearance and behavior in the chart.
*/
paretoOptions: any;
/**
* The data source field that contains the color value of a point.
* It is applicable for series.
* @default ''
*/
pointColorMapping: any;
/**
* Specifies a query to select data from the data source. This property is applicable only when the data source is an `ej.DataManager`.
* @default ''
*/
query: any;
/**
* Defines the axis along which the line series will be split.
*/
segmentAxis: any;
/**
* Specifies a collection of regions used to differentiate a line series.
*/
segments: any;
/**
* The `selectionStyle` property is used to specify custom CSS styles for the selected series or points.
* @default null
*/
selectionStyle: any;
/**
* If set to true, the mean value for the box and whisker plot will be visible.
* @default true
*/
showMean: any;
/**
* Enables or disables the display of tooltips for the nearest data point to the cursor for series.
* @default true
*/
showNearestTooltip: any;
/**
* Specifies whether to display the normal distribution curve for the histogram series.
* @default false
*/
showNormalDistribution: any;
/**
* Specifies whether to display outliers in the Box and Whisker chart.
*
* If set to `true`, outliers will be displayed as individual points beyond the whiskers, representing data points that significantly differ from the rest of the dataset.
*If set to `false`, outliers will be hidden, and only the box, median, and whiskers will be rendered.
*
*Outliers are typically used to identify extreme values in statistical data representation.
*
* @default true
*/
showOutliers: any;
/**
* The data source field that contains the size value for the y-axis.
* @default ''
*/
size: any;
/**
* Specifies the type of spline used for rendering.
* Available options include:
* * Natural - Renders a natural spline.
* * Cardinal - Renders a cardinal spline.
* * Clamped - Renders a clamped spline.
* * Monotonic - Renders a monotonic spline.
* @default 'Natural'
*/
splineType: any;
/**
* This property allows the grouping of series in stacked column and stacked bar charts.
* Any string value can be assigned to the `stackingGroup` property.
* Series with the same `stackingGroup` value will be grouped together in the chart.
* @default ''
*/
stackingGroup: any;
/**
* The `step` property can be used to change the position of the steps in step line, step area, and step range area chart types.
* * Left: Steps start from the left side of the 2nd point.
* * Center: Steps start between the data points.
* * Right: Steps start from the right side of the 1st point.
* @default 'Left'
*/
step: any;
/**
* Defines the collection of indexes for the overall summary columns in waterfall charts.
* @default []
* @asptype int[]
*/
sumIndexes: any;
/**
* Defines the visual representation of summaries in waterfall charts.
* @default '#4E81BC'
*/
summaryFillColor: any;
/**
* Use this property to define a custom format for how tooltips are displayed.
*
* @default ''
*/
tooltipFormat: any;
/**
* The data source field that contains the value to be displayed in the tooltip.
* @default ''
*/
tooltipMappingName: any;
/**
* Defines the collection of trendlines used to predict the trend.
*/
trendlines: any;
/**
* The `unSelectedStyle` property is used to specify custom CSS styles for the deselected series or points.
* @default null
*/
unSelectedStyle: any;
/**
* If set to `true`, the series will be visible. If set to `false`, the series will be hidden.
* @default true
*/
visible: any;
/**
* Defines the data source field that contains the volume value in candle charts.
* It is applicable for both financial series and technical indicators.
* @default ''
*/
volume: any;
/**
* The stroke width for the series, applicable only for `Line` type series.
* It also represents the stroke width of the signal lines in technical indicators.
* @default 1
*/
width: any;
/**
* The name of the horizontal axis associated with the series. It requires `axes` of the chart.
* It is applicable for series and technical indicators.
*
* @default null
*/
xAxisName: any;
/**
* The data source field that contains the x value.
* It is applicable to both series and technical indicators.
* @default ''
*/
xName: any;
/**
* The name of the vertical axis associated with the series. It requires `axes` of the chart.
* It is applicable for series and technical indicators.
*
* @default null
*/
yAxisName: any;
/**
* The data source field that contains the y value.
* @default ''
*/
yName: any;
/**
* The z-order of the series, which controls the stack order of the series. Higher values are drawn on top of lower values.
* @default 0
*/
zOrder: any;
dataLabel_template: any;
constructor(viewContainerRef: ViewContainerRef);
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵdir: i0.ɵɵDirectiveDeclaratione-series", never, { "accessibility": "accessibility"; "animation": "animation"; "bearFillColor": "bearFillColor"; "binInterval": "binInterval"; "border": "border"; "boxPlotMode": "boxPlotMode"; "bullFillColor": "bullFillColor"; "cardinalSplineTension": "cardinalSplineTension"; "close": "close"; "colorName": "colorName"; "columnFacet": "columnFacet"; "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"; "lastValueLabel": "lastValueLabel"; "legendImageUrl": "legendImageUrl"; "legendShape": "legendShape"; "low": "low"; "marker": "marker"; "maxRadius": "maxRadius"; "minRadius": "minRadius"; "name": "name"; "negativeFillColor": "negativeFillColor"; "noRisers": "noRisers"; "nonHighlightStyle": "nonHighlightStyle"; "opacity": "opacity"; "open": "open"; "paretoOptions": "paretoOptions"; "pointColorMapping": "pointColorMapping"; "query": "query"; "segmentAxis": "segmentAxis"; "segments": "segments"; "selectionStyle": "selectionStyle"; "showMean": "showMean"; "showNearestTooltip": "showNearestTooltip"; "showNormalDistribution": "showNormalDistribution"; "showOutliers": "showOutliers"; "size": "size"; "splineType": "splineType"; "stackingGroup": "stackingGroup"; "step": "step"; "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
* @private
*/
export declare class SeriesCollectionDirective extends ArrayBase {
constructor();
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵdir: i0.ɵɵDirectiveDeclaratione-series-collection", never, {}, {}, ["children"]>;
}