# Ignite UI for Web Components Charts vlatest — Full API Reference

> Complete API reference for the Ignite UI for Web Components Charts package (latest). This file lists all public classes, interfaces, enumerations, type aliases, functions, and variables with their signatures, parameters, and descriptions.

Platform: Web Components
Package: igniteui-webcomponents-charts
Version: latest

## Classes

### [IgcAbsoluteVolumeOscillatorIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAbsoluteVolumeOscillatorIndicatorComponent)
Represents a IgxDataChartComponent Absolute Volume Oscillator indicator series.
Default required members: Volume

You can use the AbsoluteVolumeOscillatorIndicator to identify whether volume trands are increasing or decreasing.

<igc-data-chart id="chart">
    <igc-category-x-axis
		label="label"
	    name="xAxis">
    </igc-category-x-axis>
    <igc-numeric-y-axis
		key="yAxis">
    </igc-numeric-y-axis>
    <igc-absolute-volume-oscillator-indicator
		xAxisName="xAxis"
		yAxisName="yAxis"
		openMemberPath="open"
		highMemberPath="high"
		lowMemberPath="low"
		closeMemberPath="close">
    </igc-absolute-volume-oscillator-indicator>
</igc-data-chart>


let chart = document.getElementById("chart")! as IgcDataChart;
chart.dataSource = this.data;


let series = new IgcAbsoluteVolumeOscillatorIndicatorComponent();
series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.openMemberPath = "open";
series.highMemberPath = "high";
series.lowMemberPath = "low";
series.closeMemberPath = "close";
this.chart.series.add(series);

- **constructor**(): IgcAbsoluteVolumeOscillatorIndicatorComponent
- static **htmlTagName**: `string`
- **longPeriod**: `number` — Gets or sets the short moving average period for the current AbsoluteVolumeOscillatorIndicator object.
The typical, and initial, value for long AVO periods is 30.

You can use the LongPeriod to set the long moving average period.

this.series.longPeriod = 30;
- **shortPeriod**: `number` — Gets or sets the short moving average period for the current AbsoluteVolumeOscillatorIndicator object.
The typical, and initial, value for short AVO periods is 10.

You can use the ShortPeriod to set the short moving average period.

this.series.shortPeriod = 10;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcAccumulationDistributionIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAccumulationDistributionIndicatorComponent)
Represents a IgxDataChartComponent Accumulation/Distribution indicator series.
Default required members: Close, Low, High, Volume

You can use the AccumulationDistributionIndicator to evaluate the suppy and demand of a stock, security, or index.

- **constructor**(): IgcAccumulationDistributionIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcAnchoredCategorySeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAnchoredCategorySeriesComponent)
Represents the base class for all IgxDataChartComponent anchored category/value series.

The AnchoredCategorySeries represents the base class for all IgxDataChartComponent anchored category/value series.

- **constructor**(): IgcAnchoredCategorySeriesComponent
- **actualTrendLineBrush**: `string` — Gets the effective TrendLineBrush for this series.

The ActualTrendLineBrush property is used to gets the effective TrendLineBrush for this series.
- **consolidatedItemHitTestBehavior**: `ConsolidatedItemHitTestBehavior` — Determines the item returned in hit-testing when the pointer is over an object which represents several consolidated items.

The ConsolidatedItemHitTestBehavior property is used to determines returned item in hit-testing when the pointer is over an object which represents several consolidated items.
- **highlightedValueMemberPath**: `string` — Gets or sets the value mapping property for the current series object.
- **markerCollisionAvoidance**: `CategorySeriesMarkerCollisionAvoidance` — The desired behavior for markers in this series which are placed too close together for the current view, resulting in a collision.

The MarkerCollisionAvoidance property controls the technique the chart uses to avoid overlapping markers.
- **trendLineBrush**: `string` — Gets or sets the brush to use to draw the trend line.

The TrendLineBrush property is used to brush the trend line.

series.trendLineBrush="red";
- **trendLineDashArray**: `number[]` — Gets or sets a collection of double values that indicate the pattern of dashes and gaps that
is used to draw the trend line for the current series object.
- **trendLinePeriod**: `number` — Gets or sets the trend line period for the current series.
The typical, and initial, value for trend line period is 7.

The TrendLinePeriod property is used for trend line period of the current series.

series.trendLinePeriod= 7;
- **trendLineThickness**: `number` — Gets or sets the thickness of the current series object's trend line.

The TrendLineThickness property is used for thickness of the current series object's trend line.

series.trendLineThickness= 2;
- **trendLineType**: `TrendLineType` — Gets or sets the trend type for the current series object.

The TrendLineType property is used for the current series object's trend type.'

series.trendLineType= "CubicFit";
- **valueMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series value in the Data Legend.
- **valueMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series value in the Data Legend.
- **valueMemberPath**: `string` — Gets or sets the value mapping property for the current series object.

The ValueMemberPath property is used for the value mapping property of the current series object.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **getSeriesValueType**(mode: string | ValueLayerValueMode): number[] — Gets a numeric value from the numeric axis associated with this series that matches the desired
value mode.
- **getSeriesValueTypePosition**(mode: string | ValueLayerValueMode): IgPoint — Gets position of series value for specified layer value mode
- **getSeriesValueTypePositionFromValue**(values: number[]): IgPoint
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The series is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.

### [IgcAnchoredRadialSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAnchoredRadialSeriesComponent)
Represents the base class for all IgxDataChartComponent anchored radial category series.

- **constructor**(): IgcAnchoredRadialSeriesComponent
- **actualTrendLineBrush**: `string` — Gets the effective TrendLineBrush for this series.
- **hasValueAxis**: `boolean` — Gets whether the current series shows an area shape.
- **highlightedValueMemberPath**: `string` — Gets or sets the value mapping property for the current series object.
- **isValueAxisInverted**: `boolean` — Gets whether the current series shows an area shape.
- **trendLineBrush**: `string` — Gets or sets the brush that specifies how to the current series
object's Trend line is drawn.
- **trendLineDashArray**: `number[]` — Gets or sets a collection of double values that indicate the pattern of dashes and gaps that
is used to draw the trend line for the current series object.
- **trendLinePeriod**: `number` — Gets or sets the trend line period for the current series.
The typical, and initial, value for bollinger band periods is 20.
- **trendLineThickness**: `number` — Gets or sets the thickness of the current series object's trend line.
- **trendLineType**: `TrendLineType` — Gets or sets the trend type for the current series object.
- **trendLineZIndex**: `number` — Sets or Gets the Z index of the trendline.
- **useCategoryNormalizedValues**: `boolean` — Gets or sets whether to normalize the values against the category values if using a proportional category axis.
- **valueMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series value in the Data Legend.
- **valueMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series value in the Data Legend.
- **valueMemberPath**: `string` — Gets or sets the item path that provides the values for the current series.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getCategoryWidth**(): number — Returns the width of the category grouping this series is in.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getOffsetValue**(): number — Returns the offset value for this series if grouped on a category axis.
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **scrollIntoView**(item: any): boolean — Scrolls the specified item into the view.

### [IgcAnnotationLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAnnotationLayerComponent)
Represents the base class for annotation layer types. Annotations will usually disable some of the default hover/touch behaviors of the chart when they are introduced to the series collection.
In return they provide some valuable information as the cursor is moved by hovering over the chart, or performing a press-hold-drag interaction in touch mode.

- **constructor**(): IgcAnnotationLayerComponent
- **actualAppearanceMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **actualDashArray**: `number[]` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **actualDashCap**: `PenLineCap` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **actualHorizontalAppearanceMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **actualHorizontalDashArray**: `number[]` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **actualHorizontalShiftAmount**: `number` — Gets or sets the percentage amount to shift the appearance mode by. Value must range between -1.0 to 1.0.
- **actualShiftAmount**: `number` — Gets or sets the percentage amount to shift the appearance mode by. Value must range between -1.0 to 1.0.
- **actualVerticalAppearanceMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **actualVerticalDashArray**: `number[]` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **actualVerticalShiftAmount**: `number` — Gets or sets the percentage amount to shift the appearance mode by. Value must range between -1.0 to 1.0.
- **appearanceMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **cursorPosition**: `IgPoint` — Gets or sets the world position to use instead of the pointer position for this annotation layer. If you set this value, rather than responding to the pointer, this layer will be fixed on the provided world position.
A world position has x and y values that range from 0 to 1 that represent the global position of the cursor relative to the entire ranges of the axes. The default of (NaN, NaN) means that the layer should react to pointer movement.
- **cursorPositionUpdatesOnMove**: `boolean` — Gets or sets whether the annotation layer updates on moving cursor position
- **horizontalAppearanceMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **horizontalDashArray**: `number[]` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **horizontalShiftAmount**: `number` — Gets or sets the percentage amount to shift the appearance mode by. Value must range between -1.0 to 1.0.
- **isAnnotationLayer**: `boolean` — Gets whether this series is an annotation layer.
- **isDefaultCrosshairBehaviorDisabled**: `boolean` — Gets whether or not the default crosshair behavior is disabled.
- **isDefaultCrosshairDisabled**: `boolean` — Gets or sets whether the series viewer's default crosshair should be disabled by the presence of this layer.
- **isIndexed**: `boolean` — Gets if the series uses an index, which can be used to auto-assign it a color.
- **isUsableInLegend**: `boolean` — Gets if the series should appear in any legends.
- **shiftAmount**: `number` — Gets or sets the percentage amount to shift the appearance mode by. Value must range between -1.0 to 1.0.
- **shouldRenderAsOverlay**: `boolean` — Gets or sets whether this layer renders as an overlay or not.
- **useIndex**: `boolean` — Gets or sets whether this series should take up an index for auto brush coloring.
- **useLegend**: `boolean` — Gets or sets whether this series interacts with the chart legend.
- **verticalAppearanceMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **verticalDashArray**: `number[]` — Gets or sets the mode used for shifting the annotation layer color based on the target series.
- **verticalShiftAmount**: `number` — Gets or sets the percentage amount to shift the appearance mode by. Value must range between -1.0 to 1.0.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void

### [IgcAreaFragmentComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAreaFragmentComponent)
Represents one part of a StackedAreaSeries.

- **constructor**(): IgcAreaFragmentComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAreaSeriesComponent)
Represents a IgxDataChartComponent area series.
Displays trend over time or ordered categories.
Useful when there are many data points and the order is important.

The AreaSeries class represents a IgxDataChartComponent area series.Displays trend over time or ordered categories.

Useful when there are many data points and the order is important.

- **constructor**(): IgcAreaSeriesComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.

The IsAreaOrLine is used to check if the current series shows an area or line shape.
- **unknownValuePlotting**: `UnknownValuePlotting` — Determines how unknown values will be plotted on the chart.
Null and Double.NaN are two examples of unknown values.

The unknownValuePlotting property is used to determines how unknown values will be plotted on the chart.

Null and Double.NaN are two examples of unknown values.

series.unknownValuePlotting = UnknownValuePlotting.LinearInterpolate;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcAssigningCategoryMarkerStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningCategoryMarkerStyleEventArgs)
Represents event arguments class for the AssigningCategoryStyleEvent

The assigningCategoryMarkerStyle event fired to allow you to override the style of markers for the items in a category or financial series. Only fires if you set isCustomCategoryMarkerStyleAllowed to true for a series.

- **constructor**(): IgcAssigningCategoryMarkerStyleEventArgs

### [IgcAssigningCategoryStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningCategoryStyleEventArgs)
Represents event arguments class for the AssigningCategoryStyleEvent

The AssigningCategoryStyle event fired to allow you to override the style of items in a category or financial series. isCustomCategoryStyleAllowed property needs to be enabled prior to using this event.

- **constructor**(): IgcAssigningCategoryStyleEventArgs

### [IgcAssigningCategoryStyleEventArgsBase](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningCategoryStyleEventArgsBase)
Represents event arguments base class for the AssigningCategoryStyleEventArgsBase

- **constructor**(): IgcAssigningCategoryStyleEventArgsBase

### [IgcAssigningPolarMarkerStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningPolarMarkerStyleEventArgs)
Represents event arguments class for the AssigningPolarStyleEvent

- **constructor**(): IgcAssigningPolarMarkerStyleEventArgs

### [IgcAssigningPolarStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningPolarStyleEventArgs)
Represents event arguments class for the AssigningPolarStyleEvent

- **constructor**(): IgcAssigningPolarStyleEventArgs

### [IgcAssigningPolarStyleEventArgsBase](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningPolarStyleEventArgsBase)
Represents event arguments base class for the AssigningCategoryStyleEventArgsBase

- **constructor**(): IgcAssigningPolarStyleEventArgsBase

### [IgcAssigningRadialMarkerStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningRadialMarkerStyleEventArgs)
Represents event arguments class for the AssigningRadialStyleEvent

- **constructor**(): IgcAssigningRadialMarkerStyleEventArgs

### [IgcAssigningRadialStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningRadialStyleEventArgs)
Represents event arguments class for the AssigningRadialStyleEvent

- **constructor**(): IgcAssigningRadialStyleEventArgs

### [IgcAssigningRadialStyleEventArgsBase](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningRadialStyleEventArgsBase)
Represents event arguments base class for the AssigningCategoryStyleEventArgsBase

- **constructor**(): IgcAssigningRadialStyleEventArgsBase

### [IgcAssigningScatterMarkerStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningScatterMarkerStyleEventArgs)
Represents event arguments class for the AssigningScatterStyleEvent

- **constructor**(): IgcAssigningScatterMarkerStyleEventArgs

### [IgcAssigningScatterStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningScatterStyleEventArgs)
Represents event arguments class for the AssigningScatterStyleEvent

- **constructor**(): IgcAssigningScatterStyleEventArgs

### [IgcAssigningScatterStyleEventArgsBase](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningScatterStyleEventArgsBase)
Represents event arguments base class for the AssigningCategoryStyleEventArgsBase

- **constructor**(): IgcAssigningScatterStyleEventArgsBase

### [IgcAssigningSeriesShapeStyleEventArgsBase](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningSeriesShapeStyleEventArgsBase)
Represents event arguments class for the AssigningCategoryStyleEvent

- **constructor**(): IgcAssigningSeriesShapeStyleEventArgsBase
- **radiusX**: `number` — Gets or sets corner radius X to use for the current item, if applicable.
- **radiusY**: `number` — Gets or sets corner radius Y to use for the current item, if applicable.
- **strokeDashArray**: `number[]` — Gets or sets stroke dash array to use for the current item.
- **strokeThickness**: `number` — Gets or sets stroke thickness to use for the current item.

### [IgcAssigningSeriesStyleEventArgsBase](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningSeriesStyleEventArgsBase)
Represents event arguments base class for the AssigningCategoryStyleEventArgsBase

- **constructor**(): IgcAssigningSeriesStyleEventArgsBase
- **endDate**: `Date` — Gets the end date, if applicable
- **endIndex**: `number` — Gets the end index
- **fadeOpacity**: `number` — Gets or sets opacity to use for the current item.
- **fill**: `string` — Gets or sets fill brush to use for the current item.
- **focusHighlightingInfo**: `IgcHighlightingInfo` — Gets or sets focus highlighting info
- **getItems**: `any` — Gets a function that will return the items associated with this event.
- **hasDateRange**: `boolean` — Gets if this event has a valid date range
- **highlightingHandled**: `boolean` — Gets or sets if highlighting was handled by this event handler, and whether internal highlighting logic should be skipped.
- **highlightingInfo**: `IgcHighlightingInfo` — Gets or sets highlighting info
- **isNegativeShape**: `boolean` — Gets if the current shape is identified as a negative shape if this series supports discrete negative shapes.
- **isThumbnail**: `boolean` — Gets if the current event is being raised for the thumbnail image.
- **maxAllSeriesFocusHighlightingProgress**: `number` — Gets the max focus highlighting progress from all series.
- **maxAllSeriesHighlightingProgress**: `number` — Gets the max highlighting progress from all series.
- **maxAllSeriesSelectionHighlightingProgress**: `number` — Gets the max selection highlighting progress from all series.
- **opacity**: `number` — Gets or sets opacity to use for the current item.
- **selectionHighlightingInfo**: `IgcHighlightingInfo` — Gets or sets selection highlighting info
- **startDate**: `Date` — Gets the start date, if applicable
- **startIndex**: `number` — Gets the start index
- **stroke**: `string` — Gets or sets stroke to use for the current item.
- **sumAllSeriesFocusHighlightingProgress**: `number` — Gets the sum of focus highlighting progress from all series.
- **sumAllSeriesHighlightingProgress**: `number` — Gets the sum of highlighting progress from all series.
- **sumAllSeriesSelectionHighlightingProgress**: `number` — Gets the sum of selection highlighting progress from all series.
- **totalAllSeriesFocusHighlightingProgress**: `number` — Gets the average of selection highlighting progress from all the series.
- **totalAllSeriesFocusHighWaterMark**: `number` — Gets the high water mark focus highlighting progress.
- **totalAllSeriesHighlightingProgress**: `number` — Gets the average of highlighting progress from all the series.
- **totalAllSeriesHighWaterMark**: `number` — Gets the high water mark highlighting progress.
- **totalAllSeriesSelectionHighlightingProgress**: `number` — Gets the average of selection highlighting progress from all the series.
- **totalAllSeriesSelectionHighWaterMark**: `number` — Gets the high water mark selection highlighting progress.
- **findByName**(name: string): any
- static **_createFromInternal**(internal: any): IgcAssigningSeriesStyleEventArgsBase

### [IgcAssigningShapeMarkerStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningShapeMarkerStyleEventArgs)
Represents event arguments class for the AssigningShapeStyleEvent

- **constructor**(): IgcAssigningShapeMarkerStyleEventArgs

### [IgcAssigningShapeStyleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningShapeStyleEventArgs)
Represents event arguments class for the AssigningShapeStyleEvent

- **constructor**(): IgcAssigningShapeStyleEventArgs

### [IgcAssigningShapeStyleEventArgsBase](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAssigningShapeStyleEventArgsBase)
Represents event arguments base class for the AssigningCategoryStyleEventArgsBase

- **constructor**(): IgcAssigningShapeStyleEventArgsBase

### [IgcAverageDirectionalIndexIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAverageDirectionalIndexIndicatorComponent)
Represents a IgxDataChartComponent Average Directional indicator series.
Default required members: High, Low, Close

You can use the AverageDirectionalIndexIndicator to measures trend strength without regard to trend direction.

- **constructor**(): IgcAverageDirectionalIndexIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current AverageDirectionalIndexIndicator object.
The typical, and initial, value for AverageDirectionalIndexIndicator periods is 14.

You can use the Period to set the moving average.

this.series.period = 14;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcAverageTrueRangeIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAverageTrueRangeIndicatorComponent)
Represents a IgxDataChartComponent Average True Range indicator series.
Default required members: High, Low, Close

You can use the AverageTrueRangeIndicator to measures a security's degree of price movement or volatility within a given period of time.

- **constructor**(): IgcAverageTrueRangeIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current AverageTrueRangeSeries object.
The typical, and initial, value for AverageTrueRange periods is 14.

You can use the Period to set the moving average.

this.series.period = 14;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcAxisAnnotation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAxisAnnotation)
Represents an axis annotation

- **constructor**(): IgcAxisAnnotation
- **background**: `string` — Gets or sets the background to use for tha axis annotation box.
- **backgroundCornerRadius**: `number` — Gets or sets the corner radius to use for the axis annotation borders.
- **backgroundPaddingBottom**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **backgroundPaddingLeft**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **backgroundPaddingRight**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **backgroundPaddingTop**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **badgeBackground**: `string` — Gets or sets the background color to use for the badge inside the axis annotation box.
- **badgeCornerRadius**: `number` — Gets or sets the corner radius for the badge inside the axis annotation box.
- **badgeImagePath**: `string` — Gets or sets the image path to use for the badge.
- **badgeMargin**: `number` — Gets or sets the spacing between the badge and text inside the axis annotation box.
- **badgeOutline**: `string` — Gets or sets the outline color to use for the badge inside the axis annotation box.
- **badgeOutlineThickness**: `number` — Gets or sets the outline thickness for the badge inside the axis annotation box.
- **badgeSize**: `number` — Gets or sets the size of the badge inside the axis annotation box.
- **formatLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for the value of this annotation.
- **isBadgeEnabled**: `boolean` — Gets or sets whether the badge is enabled in the annotation.
- **isPillShaped**: `boolean` — Gets or sets whether the annotation is pill shaped. This will automatically adjust the background corner radius to make
it appear pill shaped.
- **labelFormat**: `string` — Gets or sets the label format string to use for the label.
- **labelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LabelFormat string.
- **outline**: `string` — Gets or sets the Outline to use for tha axis annotation box.
- **strokeThickness**: `number` — Gets or sets the border stroke thickness to use for tha axis annotation box.
- **text**: `string` — Gets or sets the text that should be displayed for the annotation. Leave null to display the value automatically.
- **textColor**: `string` — Gets or sets the color to use for the text in the annotation.
- **value**: `any` — Gets or sets the value at which this annotation is displayed on the axis.
- **findByName**(name: string): any
- **resetCachedExtent**(): void
- **resolveLabelValue**(): string

### [IgcAxisAnnotationCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAxisAnnotationCollection)

- **constructor**(list?: IgcAxisAnnotation[]): IgcAxisAnnotationCollection

### [IgcAxisCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAxisCollection)

- **constructor**(list?: IgcAxisComponent[]): IgcAxisCollection

### [IgcAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAxisComponent)
Represents the base class from which all axis types are derived.

The Axis is an array of axis objects.

- **constructor**(): IgcAxisComponent
- **actualMajorStroke**: `string` — Gets or sets the ActualMajorStroke property.

The ActualMajorStroke property is used for ActualMajorStroke of the axis.
- **actualMinorStroke**: `string` — Gets or sets the ActualMinorStroke property.

The ActualMinorStroke property is used for ActualMinorStroke of the axis.
- **actualStroke**: `string` — Gets or sets the effective stroke used for the axis.
- **annotations**: `IgcAxisAnnotationCollection` — Gets the current annotations for the axis.
- **axisInternal**: `Axis`
- **coercionMethods**: `any` — Gets or sets the coercion methods to use when loading data from data sources.
Should be specified before setting any member paths, if being used. Setting it later
will not cause data to be re-imported into the chart.

The	coercionMethods methods is to use when loading data from data sources. Should be specified before setting any member paths, if being used.
Setting it later will not cause data to be reimported into the chart.
- **companionAxisCrossingAxis**: `IgcAxisComponent` — Gets or sets crossing axis for the companion axis.
- **companionAxisCrossingAxisName**: `string` — Gets or sets the name to use to resolve companionAxisCrossingAxis from markup.
- **companionAxisCrossingValue**: `number` — Gets or sets crossing value for the companion axis.
- **companionAxisEnabled**: `boolean` — Gets or sets whether or not the companion axis is enabled for this axis.
- **companionAxisIsInverted**: `FeatureState` — Gets or sets whether or not the companion axis is inverted.
- **companionAxisLabelAngle**: `number` — Gets or sets label angle on the companion axis.
- **companionAxisLabelColor**: `string` — Gets or sets color of labels on the companion axis.
- **companionAxisLabelExtent**: `number` — Gets or sets extent of labels on the companion axis.
- **companionAxisLabelHorizontalAlignment**: `HorizontalAlignment` — Gets or sets horizontal alignment of labels on the companion axis.
- **companionAxisLabelLocation**: `AxisLabelsLocation` — Gets or sets location of labels on the companion axis.
- **companionAxisLabelOpposite**: `boolean` — Gets or sets whether or not the companion axis has opposite location of this axis.
- **companionAxisLabelVerticalAlignment**: `VerticalAlignment` — Gets or sets vertical alignment of the companion axis.
- **companionAxisLabelVisible**: `FeatureState` — Gets or sets whether or not the companion axis has visible labels.
- **companionAxisMajorStroke**: `string` — Gets or sets stroke of major gridlines on the companion axis.
- **companionAxisMajorStrokeThickness**: `number` — Gets or sets thickness of major gridlines on the companion axis.
- **companionAxisMinExtent**: `number` — Gets or sets label angle on the companion axis.
- **companionAxisMinorStroke**: `string` — Gets or sets stroke of minior gridlines on the companion axis.
- **companionAxisMinorStrokeThickness**: `number` — Gets or sets thickness of minior gridlines on the companion axis.
- **companionAxisShouldAutoTruncateAnnotations**: `FeatureState` — Gets or sets whether or not the companion axis should auto truncate annotations.
- **companionAxisShouldAvoidAnnotationCollisions**: `FeatureState` — Gets or sets whether or not the companion axis should avoid annotation collisions.
- **companionAxisShouldKeepAnnotationsInView**: `FeatureState` — Gets or sets whether or not the companion axis should keep annotations in view.
- **companionAxisStrip**: `string` — Gets or sets color of strips on the companion axis.
- **companionAxisStroke**: `string` — Gets or sets color of line stroke on the companion axis.
- **companionAxisStrokeThickness**: `number` — Gets or sets label angle on the companion axis.
- **companionAxisSyncronizedWithPrimaryAxis**: `boolean` — Gets or sets whether or not the companion axis is syncronized with properties of primary axis unless CompanionAxis* properties are set
In other words, companion axis' LabelExtent will syncronize with primary axis' LabelExtent unless CompanionAxisLabelExtent is set
- **companionAxisTickLength**: `number` — Gets or sets length of ticks on the companion axis.
- **companionAxisTickStroke**: `string` — Gets or sets color of ticks on the companion axis.
- **companionAxisTickStrokeThickness**: `number` — Gets or sets label angle on the companion axis.
- **companionAxisTitle**: `string` — Gets or sets title on the companion axis.
- **crossingAxis**: `IgcAxisComponent` — Gets or sets the CrossingAxis property.

The CrossingAxis property is used for CrossingAxis .
- **crossingAxisName**: `string` — Gets or sets the name to use to resolve crossingAxis from markup.
- **crossingValue**: `any` — Gets or sets the CrossingValue property.

The CrossingValue property is used for CrossingValue of the axis.
- **enhancedIntervalMinimumCharacters**: `number` — Gets or sets the minimum desired characters to be displayed for horizontal axes when using advanced label heuristics. -1 will attempt to adjust the interval to precisely fit the horizontal labels.

The EnhancedIntervalMinimumCharacters property is used to set the mininum desired characters to be displayed for horizontal axes when using advanced label heuristics.
- **enhancedIntervalPreferMoreCategoryLabels**: `boolean` — Gets or sets whether the enhanced interval management should prefer to show all the labels if possible without collisions for supported types of category axes. This is for use with EnhancedIntervalMinimumCharacters = -1 and axes that have an integral interval.
- **expectFunctions**: `boolean` — Gets or sets whether the series should expect that properties in its items source may be functions that need to be
evaluated to yield their value. This defaults to false, as there will be a subtle performance impact to using this feature.
This value must be set before assigning an item's source to take effect.
- **formatLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for displaying in the chart.

The FormatLabel function takes an object that produces a formatted label for displaying in the chart.
- **i**: `Axis`
- **isAngular**: `boolean` — Gets if the current axis is of angular axis type
- **isCategory**: `boolean` — Gets or sets if the current axis is of category axis type
- **isCategoryDateTime**: `boolean` — Gets if the current axis is of category date time axis type
- **isCompanionAxis**: `boolean` — Gets whether this is companion axis automatically created for a primary axis
- **isContinuous**: `boolean` — Gets if the current axis is a continuous rather than a discrete scale
- **isDateTime**: `boolean` — Gets or sets if the current axis is of date time axis type
- **isDisabled**: `boolean` — Gets or sets the IsDisabled property. If true, the axis will not be rendered.

The IsDisabled property is used to decide if the axis will not be rendered.
- **isHorizontal**: `boolean` — Gets if the current axis is a horizontal axis, e.g. not vertical axis, not radial axis, and not angular axis.
- **isInverted**: `boolean` — Gets or sets the IsInverted property.

Gets or sets the IsInverted property.
- **isNumeric**: `boolean` — Gets or sets if the current axis is of numeric axis type

    Gets or sets if the current axis is of numeric axis type
- **isOrdinal**: `boolean` — Gets or sets if the current axis is of ordinal axis type
- **isPiecewise**: `boolean` — Gets or sets if the axis is a piecewise scaling function.
- **isPrimaryAxis**: `boolean` — Gets whether this is primary axis created by an user
- **isRadial**: `boolean` — Gets or sets if the current axis is of radial axis type
- **isSorting**: `boolean` — Gets or sets if the current axis is sorting data items
- **isVertical**: `boolean` — Gets if the current axis is a vertical axis.
- **label**: `any` — Gets or sets the axis label format string.

The Label property is used for label mapping of the axis labels.
- **labelAngle**: `number` — Gets or sets the angle of the {0}.

The Angle property is used to set the angle of the axis.
- **labelBottomMargin**: `number` — Margin applied below the {0}.

The labelBottomMargin is used to set the bottom margin of the labels.
- **labelExtent**: `number` — Distance between the axis and the edge of the control.

The Extent property is used for the extent.
- **labelFormat**: `string` — Gets or sets the label format string to use for the label.
- **labelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LabelFormat string.
- **labelHorizontalAlignment**: `HorizontalAlignment` — Gets or sets the horizontal alignment of the {0}.

The HorizontalAlignment property is used for the horizontal alignment.
- **labelLeftMargin**: `number` — Margin applied to the left of the {0}.

The labelLeftMargin property is used for the left margin of the labels.
- **labelLocation**: `AxisLabelsLocation` — Gets or sets the location of the {0}.

The Location property is used for the location.
- **labelMaximumExtent**: `number` — Maximum distance between the axis and the edge of the control.
- **labelMaximumExtentPercentage**: `number` — Maximum distance between the axis and the edge of the control, relative to Chart size.
- **labelRightMargin**: `number` — Margin applied to the right of the {0}.

The labelRightMargin property is used for the right margin of the labels.
- **labelShowFirstLabel**: `boolean` — Gets or sets whether the first label is displayed when the zoom level is set to 1.

The ShowFirstLabel is used to check whether the first label is displayed when the zoom level is set to 1.
- **labelTextColor**: `string` — The color of the {0}.

The labelTextColor property Overrides the color of the text used for the axis labels.
- **labelTextStyle**: `string` — Gets or sets the text style to use for axis labels.

The labelTextStyle property Overrides the style of the text used for the axis labels.
- **labelTopMargin**: `number` — Margin applied above the {0}.

The labelTopMargin property is used for the top margin of the labels.
- **labelVerticalAlignment**: `VerticalAlignment` — Gets or sets the vertical alignment of the {0}.

The VerticalAlignment property is used for the vertical alignment of the axis.
- **labelVisibility**: `Visibility` — Gets or sets the visibility of the {0}.

The Visibility property is used for the visibility of the axis.
- **majorStroke**: `string` — Gets or sets the MajorStroke property.
Null is treated as auto. Major lines will be displayed or not based on the axis type and series used with it.

Gets or sets the MajorStroke using this property.
- **majorStrokeDashArray**: `number[]` — Gets or sets the MajorStrokeDashArray property.
- **majorStrokeThickness**: `number` — Gets or sets the MajorStrokeThickness property.

Gets or sets the MajorStrokeThickness using this property.
- **minorStroke**: `string` — Gets or sets the MinorStroke property.

Gets or sets the minorStroke thickness using MinorStrokeThickness property.
- **minorStrokeDashArray**: `number[]` — Gets or sets the MinorStrokeDashArray property.
- **minorStrokeThickness**: `number` — Gets or sets the MinorStrokeThickness property.
- **name**: `string`
- **rangeChanged**: `any` — Occurs when the axis range changes.
- **renderRequested**: `any` — This event is raised every time a render has been requested from a series.
- **shouldAutoTruncateAnnotations**: `boolean` — Gets or sets whether annotations on this axis will automatically truncate themselves to avoid colliding with each other. This only works
if the ShouldAvoidAnnotationCollisions property is enabled.
- **shouldAvoidAnnotationCollisions**: `boolean` — Gets or sets whether annotations should be shifted to avoid collision, even if this would result in them appearing where they shouldn't be along the scale.
- **shouldKeepAnnotationsInView**: `boolean` — ets or sets whether annotations should be kept in view, even if they aren't positioned where they should appear on the scale.
- **strip**: `string` — Gets or sets the Strip property.

Use Strip property to set the strip of the chart.
- **stroke**: `string` — Gets or sets the Stroke property.
Null is treated as auto. The axis stroke will be displayed or not based on the axis type and series used with it.

Use Stroke property to set the stroke of the chart.
- **strokeDashArray**: `number[]` — Gets or sets the StrokeDashArray property.
- **strokeThickness**: `number` — Gets or sets the StrokeThickness property.

Use StrokeThickness property for the thickness of the stroke.
- **tickLength**: `number` — Gets or sets the TickLength property.

Use TickLength property for The length of the tickmarks to display for this axis.
- **tickStroke**: `string` — Gets or sets the TickStroke property.

Use TickStroke property for the color of the tickmarks.
- **tickStrokeDashArray**: `number[]` — Gets or sets the TickStrokeDashArray property.
- **tickStrokeThickness**: `number` — Gets or sets the TickStrokeThickness property.

Use TickStrokeThickness property for thickness of the stroke tickmarks.
- **title**: `string` — Gets or sets the Title property.

Use Title property to display the title of the component.
- **titleAngle**: `number` — Gets or sets the angle of the {0}.

The Angle property is used to set the angle of the axis.
- **titleBottomMargin**: `number` — Margin applied below the {0}.

The labelBottomMargin is used to set the bottom margin of the labels.
- **titleExtent**: `number` — Distance between the axis and the edge of the control.

The Extent property is used for the extent.
- **titleHorizontalAlignment**: `HorizontalAlignment` — Gets or sets the horizontal alignment of the {0}.

The HorizontalAlignment property is used for the horizontal alignment.
- **titleLeftMargin**: `number` — Margin applied to the left of the {0}.

The labelLeftMargin property is used for the left margin of the labels.
- **titleLocation**: `AxisLabelsLocation` — Gets or sets the location of the {0}.

The Location property is used for the location.
- **titleMaximumExtent**: `number` — Maximum distance between the axis and the edge of the control.
- **titleMaximumExtentPercentage**: `number` — Maximum distance between the axis and the edge of the control, relative to Chart size.
- **titlePosition**: `AxisTitlePosition` — Gets or sets the title position relative to the axis labels.
- **titleRightMargin**: `number` — Margin applied to the right of the {0}.

The labelRightMargin property is used for the right margin of the labels.
- **titleShowFirstLabel**: `boolean` — Gets or sets whether the first label is displayed when the zoom level is set to 1.

The ShowFirstLabel is used to check whether the first label is displayed when the zoom level is set to 1.
- **titleTextColor**: `string` — The color of the {0}.

The labelTextColor property Overrides the color of the text used for the axis labels.
- **titleTextStyle**: `string` — Gets or sets the text style to use for axis labels.

The labelTextStyle property Overrides the style of the text used for the axis labels.
- **titleTopMargin**: `number` — Margin applied above the {0}.

The labelTopMargin property is used for the top margin of the labels.
- **titleVerticalAlignment**: `VerticalAlignment` — Gets or sets the vertical alignment of the {0}.

The VerticalAlignment property is used for the vertical alignment of the axis.
- **titleVisibility**: `Visibility` — Gets or sets the visibility of the {0}.

The Visibility property is used for the visibility of the axis.
- **useEnhancedIntervalManagement**: `boolean` — Gets or sets whether to use more advanced heuristics when determining the initial number of labels to render, before resolving collisions, etc.

Use UseEnhancedIntervalManagement property to gets/sets whether to use more advanced heuristics when determining the initial number of labels to render,
before resolving collisions, etc.
- **usePerLabelHeightMeasurement**: `boolean` — Gets or sets whether to use label height measurement when determining the initial number of labels to render, before resolving collisions, etc.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **bindAxes**(axes: IgcAxisComponent[]): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **ensureLabelSettings**(): void
- **ensureTitleSettings**(): void
- **findByName**(name: string): any
- **getFullRange**(): number[]
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **getValueLabel**(value: number): string — Gets the label for a data item.
- **provideData**(data: any): void
- **renderAxis**(): void — Renders the axis with no animation.
- **resetCachedEnhancedInterval**(): void — If using enhanced interval management and precise interval fitting, this will reset the cached maximum label width, and recalculate using the current labels.
- **scaleValue**(unscaledValue: number): number — Scales a value from axis space into screen space.
- static **_createFromInternal**(internal: any): IgcAxisComponent

### [IgcAxisMatcher](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAxisMatcher)

- **constructor**(): IgcAxisMatcher
- **axisType**: `string` — If set, tries to match an Axis based on its type, to be used with the typed index, if desired.
- **index**: `number` — If set, tries to match a Axis based on index
- **memberPath**: `string` — If set, tries to match a Axis based on a member path, combined with MemberPathType.
- **memberPathType**: `string` — Combined with MemberPath allows you to select a Axis by member path.
- **name**: `string` — If set, tries to match a Axis based on its name.
- **title**: `string` — If set, tries to match a Axis based on its title.
- **typedIndex**: `number` — If set, indicates that the nth axis of a type should be used.
- **findByName**(name: string): any

### [IgcAxisMouseEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAxisMouseEventArgs)

- **constructor**(): IgcAxisMouseEventArgs
- **axis**: `IgcAxisComponent`
- **axisDateValue**: `Date`
- **axisValue**: `number`
- **chartPosition**: `IgPoint`
- **label**: `string`
- **labelContext**: `any`
- **plotAreaPosition**: `IgPoint`
- **worldPosition**: `IgPoint`

### [IgcAxisRangeChangedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcAxisRangeChangedEventArgs)
Provides data for Axis RangeChanged events.

The AxisRangeChangedEventArgs event fire when the axis range changes.

- **constructor**(): IgcAxisRangeChangedEventArgs
- **maximumValue**: `number` — Gets the maximum value after the range changed. The reported maximum is the effective,
not the set value.

The MaximumValue property is used to gets the maximum value after the range changed.

  public yAxisRangeChanged(sender : any, e: AxisRangeChangedEventArgs) :void {
	let maxVal= e.maximumValue
	let minVal= e.minimumValue

    }
- **minimumValue**: `number` — Gets the minimum value after the range changed. The reported minimum is the effective,
not the set value.

The MinimumValue property is used to getsthe minimum value after the range changed.

  public yAxisRangeChanged(sender : any, e: AxisRangeChangedEventArgs) :void {
	let maxVal= e.maximumValue
	let minVal= e.minimumValue

    }
- **oldMaximumValue**: `number` — Gets the maximum value before the range changed. The reported maximum is the effective,
not the set value.

The OldMaximumValue property is used to gets the maximum value before the range changed.
- **oldMinimumValue**: `number` — Gets the minimum value before the range changed. The reported minimum is the effective,
not the set value.

The OldMinimumValue property is used to gets the minimum value before the range changed.

### [IgcBarFragmentComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcBarFragmentComponent)
Represents one part of a StackedBarSeries.

- **constructor**(): IgcBarFragmentComponent
- static **htmlTagName**: `string`
- **barFragmentXAxis**: `IgcNumericXAxisComponent` — The X-Axis for this BarFragment.
- **barFragmentYAxis**: `IgcCategoryYAxisComponent` — The Y-Axis for this BarFragment.
- **isBar**: `boolean` — Gets whether the current series shows a bar shape.
- **isColumn**: `boolean` — Gets whether the current series shows a column shape.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **isVertical**: `boolean` — Gets whether the current series is oriented vertically.

let isVertical: boolean = this.series.isVertical;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getExactItemIndex**(world: IgPoint): number — Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- static **register**(): void

### [IgcBarSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcBarSeriesComponent)
Represents a IgxDataChartComponent bar series.

- **constructor**(): IgcBarSeriesComponent
- static **htmlTagName**: `string`
- **isBar**: `boolean` — Gets whether the current series shows a bar shape.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the bar.
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the bar.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The series is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.
- static **register**(): void

### [IgcBollingerBandsOverlayComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcBollingerBandsOverlayComponent)
Represents a IgxDataChartComponent Bollinger Bands financial overlay series.
Default required members: High, Low, Close

You can use the BollingerBandsOverlay class represents a IgxDataChartComponent Bollinger Bands financial overlay series.

- **constructor**(): IgcBollingerBandsOverlayComponent
- static **htmlTagName**: `string`
- **multiplier**: `number` — Gets or sets the moving average period for the current BollingerBandOverlay object.
The typical, and initial, value for Bollinger band multipliers is 2.

You can use the BollingerBandsOverlay
- **period**: `number` — Gets or sets the moving average period for the current BollingerBandOverlay object.
The typical, and initial, value for Bollinger band periods is 14.

You can use the period property for moving average of the current BollingerBandOverlay object.

this.series.period = 7;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- static **register**(): void

### [IgcBollingerBandWidthIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcBollingerBandWidthIndicatorComponent)
Represents a IgxDataChartComponent Bollinger Bandwidth indicator series.
Represents the normalized width of the Bollinger bands for each provided value.
For more info see:
BollingerBandsOverlay
Default required members: High, Low, Close

You can use the BollingerBandWidthIndicator to represents a IgxDataChartComponent Bollinger Bandwidth indicator series.

- **constructor**(): IgcBollingerBandWidthIndicatorComponent
- static **htmlTagName**: `string`
- **multiplier**: `number` — Gets or sets the multiplier for the Bollinger Band width.
The typical, and initial, value for Bollinger Band width multiplier is 2.

Use the Multiplier property for the Bollinger Band width. The typical, and initial, value for Bollinger Band width multiplier is 2.

this.series.multiplier = 14;
- **period**: `number` — Gets or sets the moving average period for the Bollinger Band Width Indicator.
The typical, and initial, value for CCI periods is 20.

You can use the Period to set the moving average.

this.series.period = 14;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcBrushScaleComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcBrushScaleComponent)
Represents a base class for brush scales.

- **constructor**(): IgcBrushScaleComponent
- static **htmlTagName**: `string`
- **brushes**: `string[]` — Gets the brushes collection used by this scale.
- **isBrushScale**: `boolean` — Checks if this item is a BrushScale
- **isReady**: `boolean` — Gets the status of the scale
- **propertyUpdated**: `any` — Event raised when a property (including "effective" and non-dependency property) value changes.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getBrush**(index: number): string — Gets a brush from the brushes collection by index.
- **notifySeries**(): void — Notify attached series about changes to this scale
- **registerSeries**(series: IgcSeriesComponent): void — Registers a series with the scale. Under normal circumstances you should not need to call this manually.
- **unregisterSeries**(series: IgcSeriesComponent): void — Unregisters a series with the scale. Under normal circumstances you should not need to call this manually.
- static **_createFromInternal**(internal: any): IgcBrushScaleComponent
- static **register**(): void

### [IgcBubbleSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcBubbleSeriesComponent)
Represents a IgxDataChartComponent bubble series.

- **constructor**(): IgcBubbleSeriesComponent
- static **htmlTagName**: `string`
- **fillMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' fill value in the Data Legend.
- **fillMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' fill value in the Data Legend.
- **fillMemberPath**: `string` — Gets or sets the fill mapping property for the current series object.
- **fillScale**: `IgcBrushScaleComponent` — Gets or sets the brush scale for the fill brush of markers.
- **fillScaleUseGlobalValues**: `boolean` — Gets or sets whether or not the FillScale uses global min/max values of FillMemberPath from multiple series.
This setting applies only if multiple series are using the same FillScale.
- **hasOnlyMarkers**: `boolean` — Gets whether the series has only marker as visuals
- **isColoredItemwise**: `boolean`
- **labelMemberPath**: `string` — Gets or sets the Label mapping property for the current series object.
- **markerBrushBrightness**: `number` — Gets or sets brightness of the marker fill. Using negative value will change marker fill to darker color and positive value will change marker fill to brighter color
Note you can use any values between minimum value of -1 (darkest fill) and maximum value of 1 (brightest fill)
- **markerOutlineBrightness**: `number` — Gets or sets brightness of the marker outline. Using negative value will change marker outline to darker color and positive value will change marker outline to brighter color
Note you can use any values between minimum value of -1 (darkest outline) and maximum value of 1 (brightest outline)
- **markerOutlineUsesFillScale**: `boolean` — Gets or sets whether or not the marker outline should use FillScale like the marker fill does.
This setting applies only if the current series has a FillScale set and it overrides MarkerOutline setting.
- **radiusMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' radius value in the Data Legend.
- **radiusMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' radius value in the Data Legend.
- **radiusMemberPath**: `string` — Gets or sets the radius mapping property for the current series object.
- **radiusScale**: `IgcSizeScaleComponent` — Gets or sets the radius size scale for the bubbles.
- **radiusScaleUseGlobalValues**: `boolean` — Gets or sets the whether or not the RadiusScale uses global values of RadiusMemberPath from multiple series.
This setting applies only if multiple series are using the same RadiusScale.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- static **register**(): void

### [IgcCalculatedColumn](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalculatedColumn)
Represents a column that is calculated based on the values of other columns.

- **constructor**(): IgcCalculatedColumn
- **i**: `CalculatedColumn`
- **[iterator]**(): EnumeratorWrapper<number>
- **findByName**(name: string): any

### [IgcCalloutAnnotation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutAnnotation)
Represents a callout annotation

- **constructor**(): IgcCalloutAnnotation
- **background**: `string` — Gets or sets the background to use for tha axis annotation box.
- **backgroundCornerRadius**: `number` — Gets or sets the corner radius to use for the callout borders.
- **backgroundPaddingBottom**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **backgroundPaddingLeft**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **backgroundPaddingRight**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **backgroundPaddingTop**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **badgeBackground**: `string` — Gets or sets the background of badge in the callout annotation.
- **badgeCorner**: `number` — Gets or sets the corner radius of badge in the callout annotation.
- **badgeGap**: `number` — Gets or sets the space between badge and text in the callout annotation.
- **badgeHeight**: `number` — Gets or sets the height of badge in the callout annotation.
- **badgeImage**: `string` — Gets or sets the image url displayed as a badge in the callout annotation.
- **badgeOutline**: `string` — Gets or sets the outline of badge in the callout annotation.
- **badgeThickness**: `number` — Gets or sets the thickness of badge in the callout annotation.
- **badgeVisible**: `boolean` — Gets or sets the badge is visible in callout annotation.
- **badgeWidth**: `number` — Gets or sets the width of badge in the callout annotation.
- **content**: `any` — Gets or sets the Content that should be annotated.
- **formatLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for the value of this annotation.
- **itemColor**: `string` — Gets or sets the ItemColor to which the callout pertains to. Leave unset for an automatic value.
- **key**: `any` — Gets or sets the Key that should be annotated.
- **leaderBrush**: `string` — Gets or sets the LeaderBrush to use for tha axis annotation box.
- **outline**: `string` — Gets or sets the Outline to use for tha axis annotation box.
- **series**: `IgcSeriesComponent` — Gets or sets the series to which the callout pertains to. Leave unset for an automatic value.
- **strokeThickness**: `number` — Gets or sets the border stroke thickness to use for tha axis annotation box.
- **text**: `string` — Gets or sets the text that should be displayed for the annotation. Leave null to display the value automatically.
- **textColor**: `string` — Gets or sets the color to use for the text in the annotation.
- **xValue**: `any` — Gets or sets the XValue at which this annotation is displayed on the axis.
- **yValue**: `any` — Gets or sets the YValue at which this annotation is displayed on the axis.
- **findByName**(name: string): any

### [IgcCalloutAnnotationCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutAnnotationCollection)

- **constructor**(list?: IgcCalloutAnnotation[]): IgcCalloutAnnotationCollection

### [IgcCalloutBadgeInfo](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutBadgeInfo)
Provides info about callout badge

- **constructor**(): IgcCalloutBadgeInfo
- **badgeCorner**: `number` — Gets or sets the corner badge in the callout.
- **badgeGap**: `number` — Gets or sets the gap between badge and text in the callout.
- **badgeHeight**: `number` — Gets or sets badge height in the callout.
- **badgeImage**: `string` — Gets or sets the image path for badge displayed in the callout.
- **badgeThickness**: `number` — Gets or sets badge thickness in the callout.
- **badgeVisible**: `boolean` — Gets or sets whether the badge is visible in the callout.
- **badgeWidth**: `number` — Gets or sets badge width in the callout.
- **findByName**(name: string): any

### [IgcCalloutContentUpdatingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutContentUpdatingEventArgs)
Represents event arguments for updating content of callout layer

- **constructor**(): IgcCalloutContentUpdatingEventArgs
- **content**: `any` — Gets or sets content displayed by callout layer
- **item**: `any` — Gets data item associated with callout layer
- **xValue**: `any` — Gets data X-value associated with callout layer
- **yValue**: `any` — Gets data Y-value associated with callout layer

### [IgcCalloutLabelUpdatingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutLabelUpdatingEventArgs)
Represents event arguments for updating label of callout layer

- **constructor**(): IgcCalloutLabelUpdatingEventArgs
- **item**: `any` — Gets data item associated with callout layer
- **label**: `any` — Gets or sets label displayed by callout layer
- **series**: `IgcSeriesComponent` — Gets series associated with callout item, if available
- **seriesName**: `string` — Gets series name associated with callout item, if available
- **xValue**: `any` — Gets data X-value associated with callout layer
- **yValue**: `any` — Gets data Y-value associated with callout layer

### [IgcCalloutLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutLayerComponent)
Represents an annotation layer that displays crosshair lines that cross through the closest value of the target series under the cursor.

- **constructor**(): IgcCalloutLayerComponent
- static **htmlTagName**: `string`
- **allowedPositions**: `IgcCalloutPlacementPositionsCollection` — Gets or sets the allowed positions that the callout layer is allowed to use.
- **autoCalloutLabelPrecision**: `number` — Gets or sets the precision to use when values are used for the auto callout labels.
- **autoCalloutVisibilityMode**: `AutoCalloutVisibilityMode` — Gets or sets the rules for when the callouts should be visible.
- **calloutBackground**: `string` — Gets or sets the brush that specifies how the backgrounds for the callouts of the layer are painted. Leave unset for an automatic value.
- **calloutBadgeBackground**: `string` — Gets or sets the badge background in callout annotation.
- **calloutBadgeCorner**: `number` — Gets or sets the corner radius of badge in callout annotation
- **calloutBadgeGap**: `number` — Gets or sets the gap between badge and text in callout annotation
- **calloutBadgeHeight**: `number` — Gets or sets the the badge height in callout annotation.
- **calloutBadgeImageMemberPath**: `string` — Gets or sets the mapping property for an image displayed in the badge of callout annotation
Examples #1: "DataColumnName" that contains full URL to an image: https://dl.infragistics.com/x/img/flags/USA.png
Examples #2: "https://dl.infragistics.com/x/img/flags/{ISO3}.png" where "ISO3" is name of data column that contains image name: USA
- **calloutBadgeMatchSeries**: `boolean` — Gets or sets whether or not the callout badge matches appearance of target series.
- **calloutBadgeOutline**: `string` — Gets or sets the badge outline in callout annotation.
- **calloutBadgeThickness**: `number` — Gets or sets the the badge thickness in callout annotation.
- **calloutBadgeVisible**: `boolean` — Gets or sets the badge is visible in callout annotation.
- **calloutBadgeWidth**: `number` — Gets or sets the the badge width in callout annotation.
- **calloutCollisionMode**: `CalloutCollisionMode` — Gets or sets the strategy to use for avoiding collisions between the callouts in this layer. Leave unset for an automatic value.
- **calloutContentUpdating**: `any` — Raised to allow you to decide on the content for an automatically created callout.
- **calloutCornerRadius**: `number` — Gets or sets the corner radius to use for the callout borders.
- **calloutDarkTextColor**: `string` — Gets or sets the dark color to use for the callout text. Leave unset for an automatic value.
- **calloutExpandsAxisBufferEnabled**: `boolean` — Gets or sets whether or not callouts expand axis buffer for extra space for their render around data points.
- **calloutExpandsAxisBufferMaxHeight**: `number` — Gets or sets the maximum vertical axis buffer for positioning callouts.
This property takes precedence over the CalloutExpandsAxisBufferMinHeight property.
- **calloutExpandsAxisBufferMaxWidth**: `number` — Gets or sets the maximum horizontal axis buffer for positioning callouts.
This property takes precedence over the CalloutExpandsAxisBufferMinWidth property.
- **calloutExpandsAxisBufferMinHeight**: `number` — Gets or sets the minimum vertical axis buffer for positioning callouts.
This property does not take precedence over the CalloutExpandsAxisBufferMaxHeight property.
- **calloutExpandsAxisBufferMinWidth**: `number` — Gets or sets the minimum horizontal axis buffer for positioning callouts.
This property does not take precedence over the CalloutExpandsAxisBufferMaxWidth property.
- **calloutExpandsAxisBufferOnInitialVisibility**: `boolean` — Gets or sets whether or not recalculate callouts expand axis buffer on rendering frame.
This property is not used when the CalloutExpandsAxisBufferEnabled property is false or AutoCalloutVisibilityMode is not Dedicated.
- **calloutExpandsAxisBufferOnlyWhenVisible**: `boolean` — Gets or sets whether or not callouts expand axis buffer only when callouts are visible in the chart.
This property is not used when the CalloutExpandsAxisBufferEnabled property is false or AutoCalloutVisibilityMode is not Dedicated.
- **calloutInterpolatedValuePrecision**: `number` — Gets or sets the precision to use displaying values for interpolated crosshair positions.
- **calloutLabelUpdating**: `any` — Raised to allow you to decide on the label for an automatically created callout.
- **calloutLeaderBrush**: `string` — Gets or sets the brush that specifies how the leader lines for the callouts of the layer are painted.
- **calloutLightTextColor**: `string` — Gets or sets the light color to use for the callout text. Leave unset for an automatic value.
- **calloutOutline**: `string` — Gets or sets the brush that specifies how the outlines for the callouts of the layer are painted.
- **calloutPaddingBottom**: `number` — Gets or sets the bottom padding to use within the callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **calloutPaddingLeft**: `number` — Gets or sets the left padding to use withing the callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **calloutPaddingRight**: `number` — Gets or sets the right padding to use within the callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **calloutPaddingTop**: `number` — Gets or sets the top padding to use within the callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **calloutPositionPadding**: `number` — Gets or sets the padding to add to the callout positioning. Leave unset for an automatic value.
- **calloutRenderStyleUpdating**: `any` — Event raised when updating style of callout layer
- **calloutSeriesSelecting**: `any` — Raised to allow you to select a target series for a data bound callout.
- **calloutStrokeThickness**: `number` — Gets or sets the stroke thickness for the callout backing. Leave unset for an automatic value.
- **calloutStyleUpdating**: `any` — Event raised when updating style of callout layer
- **calloutSuspendedWhenShiftingToVisible**: `boolean` — Gets or sets whether or not suspend refresh of callouts while they shift from hidden to visible
- **calloutTextColor**: `string` — Gets or sets the color to use for the callout text. Leave unset for an automatic value.
- **collisionChannel**: `string` — Gets or sets a channel name to identify other callout layers within the chart to share collision information with.
- **contentMemberPath**: `string` — Gets or sets the content mapping property for the callouts.
- **highlightedValueLabelMode**: `HighlightedValueLabelMode` — Gets or sets whether to use values, rather than labels for auto callout labels.
- **isAnnotationCalloutLayer**: `boolean` — Gets whether the series is an callout annotation layer.
- **isAutoCalloutBehaviorEnabled**: `boolean` — Gets or sets how to select the final value to annotate.
- **isCalloutOffsettingEnabled**: `boolean` — Gets or sets whether to allow the callouts to be variable distances from the target points, for supporting collision modes.
- **isCustomCalloutRenderStyleEnabled**: `boolean` — Gets or sets whether to allow for custom callout styles.
- **isCustomCalloutStyleEnabled**: `boolean` — Gets or sets whether to allow for custom callout styles.
- **keyMemberPath**: `string` — Gets or sets the key mapping property for the callouts.
- **labelFormat**: `string` — Gets or sets the label format string to use for the label.
- **labelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LabelFormat string.
- **labelMemberPath**: `string` — Gets or sets the label mapping property for the callouts.
- **shouldTruncateOnBoundaryCollisions**: `boolean` — Gets or sets whether the callouts that collide with the boundary should be truncated.
- **targetSeries**: `IgcSeriesComponent` — Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
- **targetSeriesName**: `string` — Gets or sets the name of the series series to target this annotation to. If null, this annotation targets all series simultaneously.
- **textStyle**: `string` — Gets or sets the stroke thickness for the axis annotation backing. Leave unset for an automatic value.
- **useAutoContrastingLabelColors**: `boolean` — Gets or sets whether to the label color is automatically decided between a light and dark option for contrast.
- **useInterpolatedValueForAutoCalloutLabels**: `boolean` — Gets or sets whether to use values, rather than labels for auto callout labels.
- **useItemColorForFill**: `boolean` — Gets or sets whether to the series color as the outline of the callout.
- **useItemColorForOutline**: `boolean` — Gets or sets whether to the series item color as the outline of the callout.
- **useSeriesColorForOutline**: `boolean` — Gets or sets whether to the series color as the outline of the callout.
- **useValueForAutoCalloutLabels**: `boolean` — Gets or sets whether to use values, rather than labels for auto callout labels.
- **xMemberPath**: `string` — Gets or sets the label mapping property for the callouts.
- **yMemberPath**: `string` — Gets or sets the label mapping property for the callouts.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **invalidateCalloutContent**(): void — Invalidates content of callout layer
- **recalculateAxisRangeBuffer**(): void — Resets actual visiable range margin
- **refreshAxisBufferAndCalloutPositions**(): void — Refresh axis buffer and callouts rendering
- **refreshLabelPositions**(): void — Force the callout labels to reevaluate their positions.
- static **register**(): void

### [IgcCalloutPlacementPositionsCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutPlacementPositionsCollection)

- **constructor**(list?: CalloutPlacementPositions[]): IgcCalloutPlacementPositionsCollection

### [IgcCalloutRenderStyleUpdatingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutRenderStyleUpdatingEventArgs)

- **constructor**(): IgcCalloutRenderStyleUpdatingEventArgs
- **actualPosition**: `CalloutPlacementPositions`
- **background**: `string`
- **backgroundCorner**: `number`
- **badgeBackground**: `string`
- **badgeImage**: `string`
- **badgeOutline**: `string`
- **badgeThickness**: `number`
- **height**: `number`
- **item**: `any`
- **labelPositionX**: `number`
- **labelPositionY**: `number`
- **leaderBrush**: `string`
- **outline**: `string`
- **series**: `IgcSeriesComponent`
- **strokeThickness**: `number`
- **targetPositionX**: `number`
- **targetPositionY**: `number`
- **textColor**: `string`
- **width**: `number`
- **xValue**: `any`
- **yValue**: `any`

### [IgcCalloutSeriesSelectingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutSeriesSelectingEventArgs)
Represents event arguments for selecting callout layer

- **constructor**(): IgcCalloutSeriesSelectingEventArgs
- **item**: `any` — Gets data item associated with callout layer
- **series**: `IgcSeriesComponent` — Gets or sets series object associated with callout layer
- **seriesName**: `string` — Gets or sets series name associated with callout layer
- **xValue**: `any` — Gets data X-value associated with callout layer
- **yValue**: `any` — Gets data Y-value associated with callout layer

### [IgcCalloutStyleUpdatingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCalloutStyleUpdatingEventArgs)
Event arguments for the CalloutStyleUpdating event

- **constructor**(): IgcCalloutStyleUpdatingEventArgs
- **bacgkroundPaddingBottom**: `number`
- **bacgkroundPaddingLeft**: `number`
- **bacgkroundPaddingRight**: `number`
- **bacgkroundPaddingTop**: `number`
- **background**: `string` — Gets or sets the background of the callout.
- **backgroundCorner**: `number`
- **badgeBackground**: `string` — Gets or sets badge fill in the callout.
- **badgeCorner**: `number`
- **badgeGap**: `number` — Gets or sets the gap between badge and text in the callout.
- **badgeHeight**: `number` — Gets or sets badge height in the callout.
- **badgeImage**: `string` — Gets or sets the path to an image displayed in the callout.
- **badgeOutline**: `string` — Gets or sets badge outline in the callout.
- **badgeThickness**: `number` — Gets or sets badge thickness in the callout.
- **badgeVisible**: `boolean` — Gets or sets whether the badge is visible in the callout.
- **badgeWidth**: `number` — Gets or sets badge width in the callout.
- **item**: `any` — Gets data item associated with the callout.
- **leaderBrush**: `string` — Gets or sets the leader brush of the callout.
- **outline**: `string` — Gets or sets the outline of the callout.
- **series**: `IgcSeriesComponent` — Gets data series associated with the callout.
- **strokeThickness**: `number` — Gets or sets the stroke thickness of the callout.
- **textColor**: `string` — Gets or sets the text color of the callout.
- **xValue**: `any` — Gets X-position of data item associated with the callout.
- **yValue**: `any` — Gets Y-position of data item associated with the callout.

### [IgcCategoryAngleAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategoryAngleAxisComponent)
Represents a IgxDataChartComponent category angle axis. Useful for displaying radial categories.

CategoryAngleAxis represents a IgxDataChartComponent category angle axis. Useful for displaying radial categories

- **constructor**(): IgcCategoryAngleAxisComponent
- static **htmlTagName**: `string`
- **actualInterval**: `number` — Gets the effective value for the current Interval.

Gets the effective value for the current Interval.
- **actualIntervalChange**: `any`
- **actualMinorInterval**: `number` — Gets the effective value for the current MinorInterval.

Get the effective value for the current minorInterval.
- **areGroupSizesUneven**: `boolean`
- **companionAxisInterval**: `number` — Gets or sets interval of labels on the companion axis.
- **companionAxisLabelMode**: `AxisAngleLabelMode` — Gets or sets the mode axis labels will operate for the companion axis.
- **companionAxisMinorInterval**: `number` — Gets or sets label angle on the companion axis.
- **companionAxisStartAngleOffset**: `number` — Gets or sets angle in degress that the chart's 0th angle should be offset for the companion axis
- **interval**: `number` — Gets or sets the frequency of displayed labels.
The set value is a factor that determines which labels will be hidden. For example, an interval of 2 will display every other label.

Gets or sets the frequency of displayed labels.The set value is a factor that determines which labels will be hidden.
For example, an interval of 2 will display every other label.
- **isAngular**: `boolean` — Checks if the axis is of angular type
- **labelMode**: `AxisAngleLabelMode` — Indicates the mode axis labels will operate in.
- **minorInterval**: `number` — Gets or sets the frequency of displayed minor lines.
The set value is a factor that determines how the minor lines will be displayed.

Gets or sets the frequency of displayed minor lines. The set value is a factor that determines how the minor lines will be displayed.
- **startAngleOffset**: `number` — Indicates the angle in degress that the chart's 0th angle should be offset.

Indicates the angle in degress that the chart's 0th angle should be offset.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getScaledAngle**(unscaledAngle: number): number — Gets the scaled angle in radians from the raw axis value.
- **getUnscaledAngle**(scaledAngle: number): number — Gets the raw axis value from the scaled angle in radians.
- static **register**(): void

### [IgcCategoryAxisBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategoryAxisBaseComponent)
Represents the base class for all IgxDataChartComponent category-based axes.

- **constructor**(): IgcCategoryAxisBaseComponent
- **dataSource**: `any`
- **gap**: `number` — Gets or sets the amount of space between adjacent categories for the current axis object.
The gap is silently clamped to the range [0, 1] when used.

Use the Gap property to configure the spacing between items on a category axis with item spacing.

A Gap of 0 allocates no space between items.  A Gap of 1 allocates a space between items equal to the width of one item.

To set the item spacing to 75% the width of one item, set the Gap to 0.75, as in this code:
- **isCategory**: `boolean` — Checks if the axis is of category axis type
- **isContinuous**: `boolean` — Gets if the current axis is a continuous rather than a discrete scale
- **itemsCount**: `number` — Gets the number of items in the current category axis items source.
- **maximumGap**: `number` — Gets or sets the maximum gap value to allow. This defaults to 1.0.
- **minimumGapSize**: `number` — Gets or sets the minimum amount of pixels to use for the gap between categories, if possible.
- **overlap**: `number` — Gets or sets the amount of overlap between adjacent categories for the current axis object.
The overlap is silently clamped to the range [-1, 1] when used.

Use the Overlap property to configure the spacing between items on a category axis with item spacing and more than one series.

An Overlap of 0 places grouped items adjacent to each other.  An Overlap of 1 places grouped items in the same axis space, completely overlapping.  An Overlap of -1 places a space between grouped items equal to the width of one item.

To place grouped items with 75% overlap, set the Overlap to 0.75, as in this code:
- **useClusteringMode**: `boolean` — Gets or sets whether the category axis should use clustering display mode even if no series are present that would force clustering mode.

UseClusteringMode applies grouping and spacing to a category axis equivalent to the grouping that occurs when grouping series, such as ColumnSeries, are used.

Try setting it on an axis displaying financial series to adjust the spacing on the left and right sides of the axis:
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getCategoryBoundingBox**(point: IgPoint, useInterpolation: boolean, singularWidth: number): IgRect
- **getCategoryBoundingBoxHelper**(point: IgPoint, useInterpolation: boolean, singularWidth: number, isVertical: boolean): IgRect
- **getFullRange**(): number[]
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **notifyClearItems**(): void — Used to manually notify the axis that the data source has reset or cleared its items.
- **notifyInsertItem**(index: number, newItem: any): void
- **notifyRemoveItem**(index: number, oldItem: any): void
- **notifySetItem**(index: number, oldItem: any, newItem: any): void
- **provideData**(data: any[]): void
- **unscaleValue**(unscaledValue: number): number — Unscales a value from screen space into axis space.

### [IgcCategoryChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategoryChartComponent)
Represents a chart with an ordinal X-axis and a numeric Y-axis.

**Ignite UI for WebComponents Category Chart** - [Documentation](https://www.infragistics.com/products/ignite-ui-webcomponents/webcomponents/components/CategoryChart.html)

The Ignite UI Category Chart is a lightweight, highly performant chart. It can be easily configured to display category data using an extremely simple and intuitive API. All you need to do is provide your data to the chart and it will take care of everything else.

Example:

- **constructor**(): IgcCategoryChartComponent
- static **htmlTagName**: `string`
- **autoExpandMarginExtraPadding**: `number` — Gets or sets the extra amount the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
- **autoExpandMarginMaximumValue**: `number` — Gets or sets the maximum amount the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
- **autoMarginAndAngleUpdateMode**: `AutoMarginsAndAngleUpdateMode` — Gets or sets a whether the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
- **chartType**: `CategoryChartType` — Gets or sets the type of chart series to generate from the data.

The ChartType property determines the type of data series to display.
- **dataSource**: `any[]`
- **domainType**: `DomainType` — Gets domain type of this chart
- **height**: `string`
- **isCategoryHighlightingEnabled**: `boolean` — Gets or sets whether the category should be highlighted when hovered
- **isItemHighlightingEnabled**: `boolean` — Gets or sets whether the item should be highlighted when hovered
- **isSplineShapePartOfRange**: `boolean` — Gets or sets whether to include the spline shape in the axis range requested of the axis for spline type series.
- **isTransitionInEnabled**: `boolean` — Gets or sets whether animation of series plots is enabled when the chart is loading into view

Set IsTransitionInEnabled to true if you want your chart series to animate into position when the chart is loading into view.
- **markerCollisionAvoidance**: `CategorySeriesMarkerCollisionAvoidance` — Gets or sets the behavior for markers in each series which are placed too close together for the current view, resulting in a collision.

MarkerCollisionAvoidance controls the technique the chart uses to avoid overlapping markers.
- **negativeBrushes**: `string[]` — Gets or sets the palette used for coloring negative items of Waterfall chart type.

NegativeBrushes controls the brushes used by the chart for negative data, when the ChartType is one that supports negative brushes.
- **negativeOutlines**: `string[]` — Brushes to use for drawing negative elements, when using a chart type with contextual coloring, such as Waterfall.

NegativeOutlines controls the outlines used by the chart for negative data, when the ChartType is one that supports negative brushes.
- **shouldAutoExpandMarginForInitialLabels**: `boolean` — Gets or sets a whether the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
- **shouldConsiderAutoRotationForInitialLabels**: `boolean` — Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
- **transitionInDuration**: `number` — Gets or sets the duration used for animating series plots when the chart is loading into view

TransitionInDuration controls the length of time taken by the transition-in animation.  Try setting it to 2 seconds:
- **transitionInEasingFunction**: `any` — Gets or sets the easing function used for animating series plots when the chart is loading into view
This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
- **transitionInMode**: `CategoryTransitionInMode` — Gets or sets the method that determines how to animate series plots when the chart is loading into view

TransitionInMode controls the direction of the transition-in animation.
- **transitionInSpeedType**: `TransitionInSpeedType` — Gets or sets the arrival speed used for animating series plots when the chart is loading into view

TransitionInSpeedType controls the speed of the transition-in animation.
- **transitionOutDuration**: `number` — Gets or sets the duration used for animating series plots when the series is leaving view
- **transitionOutEasingFunction**: `any` — Gets or sets the easing function used for animating series plots when the chart is loading into view
This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
- **width**: `string`
- **xAxisActualMaximum**: `number` — Gets the current maximum value for the X-axis.
- **xAxisActualMinimum**: `number` — Gets the current minimum value for the X-axis.
- **xAxisEnhancedIntervalPreferMoreCategoryLabels**: `boolean` — Gets or sets whether the x axis enhanced interval management should prefer to show all the labels if possible without collisions for supported types of category axes. This is for use with EnhancedIntervalMinimumCharacters = -1 and axes that have an integral interval.
- **xAxisGap**: `number` — Gets or sets the amount of space between adjacent categories for the X-axis.
The gap is silently clamped to the range [0, 1] when used.

Use the XAxisGap property to configure the spacing between items on the x-axis.  This property is relevant only when the displayed series is a type with item spacing, like column series.

An XAxisGap of 0 allocates no space between items.  An XAxisGap of 1 allocates a space between items equal to the width of one item.

To set the item spacing to 75% the width of one item, set the XAxisGap to 0.75, as in this code:
- **xAxisInterval**: `number` — Gets or sets the frequency of displayed labels along the X-axis.
Gets or sets the set value is a factor that determines which labels will be hidden. For example, an interval of 2 will display every other label.

XAxisInterval determines how often to show a label, tickmark, and/or gridline along the x-axis.  Set this property to _n_ to display a label every _nth_ item.
- **xAxisMaximumGap**: `number` — Gets or sets the maximum gap value to allow. This defaults to 1.0.
- **xAxisMinimumGapSize**: `number` — Gets or sets the minimum amount of pixels to use for the gap between categories, if possible.
- **xAxisMinorInterval**: `number` — Gets or sets the frequency of displayed minor lines along the X-axis.
Gets or sets the set value is a factor that determines how the minor lines will be displayed.

XAxisMinorInterval determines how often to show a minor gridline along the x-axis.  This property is relevant only when the displayed series is a type with grouping, like column series.

XAxisMinorInterval is expressed as a number between 0 and 1, representing the frequency of the interval.  To display minor gridlines representing 10ths of an item width, set XAxisMinorInterval to 0.1.
- **xAxisOverlap**: `number` — Gets or sets the amount of overlap between adjacent categories for the X-axis.
Gets or sets the overlap is silently clamped to the range [-1, 1] when used.

Use the XAxisOverlap property to configure the spacing between items on the x-axis.  This property is relevant only when the displayed series is a type with item spacing, like column series.

An XAxisOverlap of 0 places grouped items adjacent to each other.  An XAxisOverlap of 1 places grouped items in the same axis space, completely overlapping.  An XAxisOverlap of -1 places a space between grouped items equal to the width of one item.

To place grouped items with 75% overlap, set the XAxisOverlap to 0.75, as in this code:
- **xAxisZoomMaximumCategoryRange**: `number` — Gets or sets number of visible categories at maximum zooming level
This property is overridden by chart's WindowRectMinWidth property
- **xAxisZoomMaximumItemSpan**: `number` — Gets or sets maximum pixel span of series item that will be visible at maximum zooming level
This property ensures that series item does not get stretch above specified value.
This property is overridden by chart's WindowRectMinWidth property
- **xAxisZoomToCategoryRange**: `number` — Gets or sets number of categories that the chart will zoom in and fill plot area
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **xAxisZoomToCategoryStart**: `number` — Gets or sets starting category that chart will move its zoom window. Acceptable value is between 0 and number of data items
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **xAxisZoomToItemSpan**: `number` — Gets or sets pixel span of series item that will be used to zoom chart such that the item has desired span
Chart will automatically zoom in until series item has specified pixel span.
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **yAxisAbbreviateLargeNumbers**: `boolean` — Gets or sets whether the large numbers on the Y-axis labels are abbreviated.

To abbreviate on the y-axis using formats like "1K" or "1M," set YAxisAbbreviateLargeNumbers to true.
- **yAxisActualMaximum**: `number` — Gets the current maximum value for the Y-axis.
- **yAxisActualMinimum**: `number` — Gets the current minimum value for the Y-axis.
- **yAxisAutoRangeBufferMode**: `AxisRangeBufferMode` — Gets or sets how the numeric axis will adjust its range buffer to less closely fix the data from the series.
- **yAxisEnhancedIntervalPreferMoreCategoryLabels**: `boolean` — Gets or sets whether the y axis enhanced interval management should prefer to show all the labels if possible without collisions for supported types of category axes. This is for use with EnhancedIntervalMinimumCharacters = -1 and axes that have an integral interval.
- **yAxisFavorLabellingScaleEnd**: `boolean` — Gets or sets whether the axis should favor emitting a label at the end of the scale.
- **yAxisInterval**: `number` — Gets or sets the distance between each label and grid line along the Y-axis.

YAxisInterval determines how often to show a label, tickmark, and/or gridline along the y-axis.  Set this property to a number less than the numeric range of the y-axis.
- **yAxisIsLogarithmic**: `boolean` — Gets or sets whether the Y-axis should use a logarithmic scale instead of a linear one.
Since log(-1) is imaginary and log(0) is undefined, it is recommended to enable this property only when the Y-axis minimum is greater than zero.

Set YAxisIsLogarithmic to true if you want the y-axis to be a logarithmic scale.
- **yAxisLogarithmBase**: `number` — Gets or sets the base value to use in the log function when mapping the position of data items along the Y-axis.
This property is effective only when YAxisIsLogarithmic is true.

When YAxisIsLogarithmic is true, YAxisLogarithmBase sets the logarithm base of the y-axis scale.
- **yAxisMaximumValue**: `number` — Gets or sets the data value corresponding to the maximum value of the Y-axis.

YAxisMaximumValue determines the maximum of the y-axis.
- **yAxisMinimumValue**: `number` — Gets or sets the data value corresponding to the minimum value of the Y-axis.

YAxisMaximumValue determines the minimum of the y-axis.
- **yAxisMinorInterval**: `number` — Gets or sets the frequency of displayed minor lines along the Y-axis.

YAxisMinorInterval determines how often to show a minor gridline along the y-axis.  Set this property to a number less than the y-axis interval.
- static **observedAttributes**: `string[]`
- **afterContentInit**(): void
- **bindData**(): void
- **connectedCallback**(): void
- **destroy**(): void — Destroy this control


Use the destroy property to destroy the chart.

this.chart.destroy();
- **disconnectedCallback**(): void
- **exportSerializedVisualData**(): string — Export serialized visual data.
- **getCurrentXAxisActualMaximum**(): number
- **getCurrentXAxisActualMinimum**(): number
- **getCurrentYAxisActualMaximum**(): number
- **getCurrentYAxisActualMinimum**(): number
- **initializeContent**(): void
- **recalculateMarginAutoExpansion**(): void
- static **register**(): void

### [IgcCategoryDateTimeXAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategoryDateTimeXAxisComponent)
Represents a category-based horizontal X axis that uses a DateTime scale.

CategoryDateTimeXAxis class represents a category-based horizontal X axis that uses a DateTime scale.

- **constructor**(): IgcCategoryDateTimeXAxisComponent
- static **htmlTagName**: `string`
- **actualInterval**: `number` — Gets the effective value for the current Interval.
- **actualIntervalChange**: `any`
- **actualMinorInterval**: `number` — Gets the effective value for the current MinorInterval.
- **actualMinorIntervalChange**: `any`
- **displayType**: `TimeAxisDisplayType` — Gets or sets the axis display type.
Continuous display type divides the axis into even intervals, where labels will not necessarily be aligned with data points.
Discrete display type will not use a constant interval, but will align each label with its data point.

displayType property is used for axis display type.

Continuous display type divides the axis into even intervals, where labels will not necessarily be aligned with data points. Discrete display type will not use a constant interval, but will align each label with its data point.
- **interval**: `number` — Gets or sets the X axis time interval.

Interval property is used to get/sets the frequency of displayed labels.
- **isCategoryDateTime**: `boolean` — Gets if the current axis is of category date time axis type
- **isContinuous**: `boolean` — Gets if the current axis is a continuous rather than a discrete scale
- **minorInterval**: `number` — Gets or sets the frequency of displayed minor lines.
The set value is a factor that determines how the minor lines will be displayed.
- **unevenlySpacedLabels**: `boolean` — Gets or sets whether the axis labels can be unevenly spaced
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **scrollDateRangeIntoView**(minimum: Date, maximum: Date): void
- static **register**(): void

### [IgcCategoryHighlightLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategoryHighlightLayerComponent)
Represents an annotation layer that targets a category axis, or all category axes in the chart.
If the axis contains any series that are aligned between major gridlines of the axis (column, waterfall, etc) this will render a shape that fills the current category.
Otherwise it will render a band with an adjustable thickness at the closest gridline to the pointer position.
Setting UseIterpolation to true will cause the x position in the latter case to become affixed to the x position of the pointer.

- **constructor**(): IgcCategoryHighlightLayerComponent
- static **htmlTagName**: `string`
- **bandHighlightWidth**: `number` — Gets or sets the width to use for the highlight region if drawing a band rather than filling a category.
- **isAnnotationHoverLayer**: `boolean` — Gets whether the series is an annotation layer displayed only when hovering over the chart.
- **targetAxis**: `IgcCategoryAxisBaseComponent` — Gets or sets the axis to target this annotation to. If null, this annotation targets all category axes simultaneously.
- **targetAxisName**: `string` — Gets or sets the name to use to resolve targetAxis from markup.
- **useInterpolation**: `boolean` — Gets or sets whether to use value interpolation when drawing a line through the best value for the pointer position.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **register**(): void

### [IgcCategoryItemHighlightLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategoryItemHighlightLayerComponent)
Represents an annotation layer that highlights items in a series that use a category axis
either by drawing a banded shape at their position, or by rendering a marker at their position.
Depending on the type of series, the default highlight will be affected. To override
the type of highlight used, you can set the HighlightType property.

- **constructor**(): IgcCategoryItemHighlightLayerComponent
- static **htmlTagName**: `string`
- **bandHighlightWidth**: `number` — Gets or sets the width to use for the highlight region if highlighting items in a grid aligned series (line, spline, etc), with a banded shape.
- **highlightType**: `CategoryItemHighlightType` — Gets or sets which type of highlight shape to use when highlighting items.
- **isAnnotationHoverLayer**: `boolean` — Gets whether the series is an annotation layer displayed only when hovering over the chart.
- **markerBrush**: `string` — Gets or sets which color to use for the marker when highlighting items, if appropriate.
- **markerOutline**: `string` — Gets or sets which outline color to use for the marker when highlighting items, if appropriate.
- **markerTemplate**: `IgDataTemplate` — Gets or sets the template to use for marker visuals for the current series object.
- **markerType**: `MarkerType` — Gets or sets which type of marker to use when highlighting items, if appropriate.
- **skipUnknownValues**: `boolean` — Gets or sets whether to skip unknown values when searching for series values.
- **targetSeries**: `IgcSeriesComponent` — Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
- **targetSeriesName**: `string` — Gets or sets the name of the series to target this annotation to. If null, this annotation targets all series simultaneously.
- **useInterpolation**: `boolean` — Gets or sets whether to use value interpolation when drawing a line through the best value for the pointer position.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **register**(): void

### [IgcCategorySeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategorySeriesComponent)
Represents the base class for IgxDataChartComponent category series.

CategorySeries class represents the base class for IgxDataChartComponent category series.

- **constructor**(): IgcCategorySeriesComponent
- **assigningCategoryMarkerStyle**: `any` — Event raised when Assigning Category Marker Style
- **assigningCategoryStyle**: `any` — Event raised when Assigning Category Style
- **categoryCollisionMode**: `CategoryCollisionMode` — Gets or sets the category collision mode selection behavior to use for the series.
- **hasValueAxis**: `boolean` — Gets whether the current series shows an area shape.
- **isCategory**: `boolean` — Gets whether or not this series is Category series
- **isCustomCategoryMarkerStyleAllowed**: `boolean` — Gets or sets whether this category series should allow custom style overrides of its individual marker visuals.
- **isCustomCategoryStyleAllowed**: `boolean` — Gets or sets whether this category series should allow custom style overrides of its individual visuals.
- **isTransitionInEnabled**: `boolean` — Gets or sets whether the series should transition into the plot area when a new data source is assigned.
Note: Transitions are not currently supported for stacked series.

Set IsTransitionInEnabled to true if you want your chart series to animate into position when the chart is loading into view.
- **isValueAxisInverted**: `boolean` — Gets whether the current series shows an area shape.
- **transitionInMode**: `CategoryTransitionInMode` — Gets or sets the method by which to animate the data into the chart when the chart data source is swapped.
Note: Transitions are not currently supported for stacked series.

TransitionInMode controls the direction of the transition-in animation.


	this.columnSeries2.transitionInMode= "accordionfromRight";
- **useHighMarkerFidelity**: `boolean` — Sets or Gets whether to increase marker fidelity for extreme data shapes that have lots of Y variation over short X intervals.

Set UseHighMarkerFidelity when your data has high variation along the y-axis within a short span of this x-axis.

      this.columnSeries2.useHighMarkerFidelity= "true";
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getCategoryWidth**(): number — Returns the width of the category grouping this series is in.
- **getExactItemIndex**(world: IgPoint): number — Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the index of the item based on world coordinates.
- **getOffsetValue**(): number — Returns the offset value for this series if grouped on a category axis.

### [IgcCategoryToolTipLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategoryToolTipLayerComponent)
Represents an annotation layer that displays grouped tooltips for series that use a category axis.

- **constructor**(): IgcCategoryToolTipLayerComponent
- static **htmlTagName**: `string`
- **isAnnotationHoverLayer**: `boolean` — Gets whether the series is an annotation layer displayed only when hovering over the chart.
- **isDefaultTooltipBehaviorDisabled**: `boolean` — Gets whether the default tooltip behaviors for the chart are disabled if this layer is present.
- **isToolTipLayer**: `boolean` — Gets whether the series is an annotation layer.
- **targetAxis**: `IgcAxisComponent` — Gets or sets the Axis to target this annotation to. If null, this annotation layer will not render content.
- **targetAxisName**: `string` — Gets or sets the name to use to resolve targetAxis from markup.
- **toolTipBackground**: `string` — Gets or sets the background of the tooltip containers.
- **toolTipBorderBrush**: `string` — Gets or sets the border color of the tooltip containers.
- **toolTipBorderThickness**: `number` — Gets or sets the border thickness of the tooltip containers.
- **toolTipPosition**: `CategoryTooltipLayerPosition` — Gets or sets the Position to apply to the tooltip containers.
- **useInterpolation**: `boolean` — Gets or sets whether to use value interpolation when drawing the tooltips.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **hideToolTips**(): void — Hides any tooltips presented by the layer, if any.
- static **register**(): void

### [IgcCategoryXAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategoryXAxisComponent)
Represents a IgxDataChartComponent category X axis.

CategoryXAxis class represents a IgxDataChartComponent category X axis.

- **constructor**(): IgcCategoryXAxisComponent
- static **htmlTagName**: `string`
- **actualInterval**: `number` — Gets the effective value for the current Interval.

let effectiveInterval: number = xAxis.actualInterval;
- **actualIntervalChange**: `any`
- **actualMinorInterval**: `number` — Gets the effective value for the current MinorInterval.

let effectiveMinorInterval: number = xAxis.actualMinorInterval;
- **actualMinorIntervalChange**: `any`
- **companionAxisInterval**: `number` — Gets or sets interval of labels on the companion axis.
- **companionAxisMinorInterval**: `number` — Gets or sets label angle on the companion axis.
- **interval**: `number` — Gets or sets the frequency of displayed labels.
The set value is a factor that determines which labels will be hidden. For example, an interval of 2 will display every other label.

Interval determines how often to show a label, tickmark, and/or gridline along the x-axis.  Set this property to _n_ to display a label every _nth_ item.
- **minorInterval**: `number` — Gets or sets the frequency of displayed minor lines.
The set value is a factor that determines how the minor lines will be displayed.

MinorInterval determines how often to show a minor gridline along the x-axis.  This property is relevant only when the displayed series is a type with grouping, like column series.

MinorInterval is expressed as a number between 0 and 1, representing the frequency of the interval.  To display minor gridlines representing 10ths of an item width, set MinorInterval to 0.1.
- **zoomMaximumCategoryRange**: `number` — Gets or sets number of visible categories at maximum zooming level
This property is overridden by chart's WindowRectMinWidth property
- **zoomMaximumItemSpan**: `number` — Gets or sets maximum pixel span of series item that will be visible at maximum zooming level
This property ensures that series item does not get stretch above specified value.
This property is overridden by chart's WindowRectMinWidth property
- **zoomToCategoryRange**: `number` — Gets or sets range of categories that the chart will zoom in to and fill plot area
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **zoomToCategoryStart**: `number` — Gets or sets starting category that chart will move its zoom window. Acceptable value is between 0 and number of data items
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **zoomToItemSpan**: `number` — Gets or sets pixel span of series item that will be used to zoom chart such that the item has desired span
Chart will automatically zoom in until series item has specified pixel span.
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getWindowZoomFromCategories**(categoriesCount: number): number — Gets window zoom scale required to zoom to specified number of categories
- **getWindowZoomFromItemSpan**(pixels: number): number — Gets window zoom scale required to zoom to specified span of series item
- **scrollIntoView**(item: any): void — Scrolls the specified item into view.
- **scrollRangeIntoView**(minimum: number, maximum: number): void
- static **register**(): void

### [IgcCategoryYAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCategoryYAxisComponent)
Represents a IgxDataChartComponent category Y axis.

- **constructor**(): IgcCategoryYAxisComponent
- static **htmlTagName**: `string`
- **actualInterval**: `number` — Gets the effective value for the current Interval.
- **actualIntervalChange**: `any`
- **actualMinorInterval**: `number` — Gets the effective value for the current MinorInterval.
- **actualMinorIntervalChange**: `any`
- **companionAxisInterval**: `number` — Gets or sets interval of labels on the companion axis.
- **companionAxisMinorInterval**: `number` — Gets or sets label angle on the companion axis.
- **interval**: `number` — Gets or sets the frequency of displayed labels.
The set value is a factor that determines which labels will be hidden. For example, an interval of 2 will display every other label.
- **isVertical**: `boolean` — Gets if the current axis is a vertical axis.
- **minorInterval**: `number` — Gets or sets the frequency of displayed minor lines.
The set value is a factor that determines how the minor lines will be displayed.
- **zoomMaximumCategoryRange**: `number` — Gets or sets number of visible categories at maximum zooming level
This property is overridden by chart's WindowRectMinWidth property
- **zoomMaximumItemSpan**: `number` — Gets or sets maximum pixel span of series item that will be visible at maximum zooming level
This property ensures that series item does not get stretch above specified value.
This property is overridden by chart's WindowRectMinWidth property
- **zoomToCategoryRange**: `number` — Gets or sets range of categories that the chart will zoom in and fill plot area
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **zoomToCategoryStart**: `number` — Gets or sets starting category that chart will move its zoom window. Acceptable value is between 0 and number of data items
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **zoomToItemSpan**: `number` — Gets or sets pixel span of series item that will be used to zoom chart such that the item has desired span
Chart will automatically zoom in until series item has specified pixel span.
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getCategoryBoundingBox**(point: IgPoint, useInterpolation: boolean, singularWidth: number): IgRect
- **getWindowZoomFromCategories**(categoriesCount: number): number — Gets window zoom scale required to zoom to specified number of categories
- **getWindowZoomFromItemSpan**(pixels: number): number — Gets window zoom scale required to zoom to specified span of series item
- **scrollIntoView**(item: any): void — Scrolls the specified item into view.
- **scrollRangeIntoView**(minimum: number, maximum: number): void
- static **register**(): void

### [IgcChaikinOscillatorIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChaikinOscillatorIndicatorComponent)
Represents the IgxDataChartComponent Chaikin Oscillator indicator series.
Default required members: Close, Low, High, Volume

ChaikinOscillatorIndicator class specify the series as Chaikin Oscillator Indicator series.

- **constructor**(): IgcChaikinOscillatorIndicatorComponent
- static **htmlTagName**: `string`
- **longPeriod**: `number` — Gets or sets the long moving average period for the current ChaikinOscillatorIndicator object.
The typical, and initial, value for long CHO periods is 10.

Set the LongPeriod property if you wish to change the long moving average period for the indicator.

this.series.longPeriod = 30;
- **shortPeriod**: `number` — Gets or sets the short moving average period for the current ChaikinOscillatorIndicator object.
The typical, and initial, value for short CHO periods is 3.

Set the ShortPeriod property if you wish to change the short moving average period for the indicator.

this.series.shortPeriod = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcChaikinVolatilityIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChaikinVolatilityIndicatorComponent)
Represents a IgxDataChartComponent Chaikin Volatility indicator series.
The ChaikinVolatility indicator attempts to show volatility by displaying the spread between
the high and low values.
Default required members: High, Low

ChaikinVolatilityIndicator class specify the series as Chaikin Volitility Indicator series.

- **constructor**(): IgcChaikinVolatilityIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current ChaikinVolatilityIndicator object.
The typical, and initial, value for ChaikinVolatilityIndicator periods is 10.

Set the Period property if you wish to change the moving average period for the indicator.

this.series.longPeriod = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcChartCursorEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartCursorEventArgs)
Provides data for IgxDataChartComponent mouse button related events.

- **constructor**(): IgcChartCursorEventArgs
- **item**: `any` — Gets the ItemsSource item associated with the current event.
- **series**: `IgcSeriesComponent` — Gets the series associated with the current event.
- **seriesViewer**: `IgcSeriesViewerComponent` — Gets the Chart associated with the current event.
- **toString**(): string — Provides a human readable expresion of the event arguments.

### [IgcChartGroupDescription](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartGroupDescription)
Represents an element in the current grouping applied to a data source or provider. Changes to this object are not observed or expected after it is initially assigned to a collection.

- **constructor**(field?: string, sortDirection?: ListSortDirection): IgcChartGroupDescription

### [IgcChartGroupDescriptionCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartGroupDescriptionCollection)
Represents a collection of grouping elements that are applied to a data source or provider.

- **constructor**(): IgcChartGroupDescriptionCollection
- **count**: `number`
- **i**: `ChartGroupDescriptionCollection`
- **[iterator]**(): Generator<any, void, unknown>
- **add**(item: IgcChartGroupDescription): boolean
- **clear**(): void
- **findByName**(name: string): any
- **indexOf**(item: IgcChartGroupDescription): number
- **insert**(index: number, item: IgcChartGroupDescription): void
- **item**(index: number, value?: IgcChartGroupDescription): IgcChartGroupDescription
- **remove**(item: IgcChartGroupDescription): boolean
- **removeAt**(index: number): IgcChartGroupDescription
- **toArray**(): IgcChartGroupDescription[]

### [IgcChartMouseEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartMouseEventArgs)
Provides data for IgxDataChartComponent mouse button related events.

- **constructor**(): IgcChartMouseEventArgs
- **chart**: `IgcSeriesViewerComponent` — Gets the Chart associated with the current event.
- **chartPosition**: `IgPoint` — Gets the mouse position relative to the chart.
- **item**: `any` — Gets the ItemsSource item associated with the current event.
- **originalSource**: `any` — Gets a reference to the object that raised the event.
- **plotAreaPosition**: `IgPoint` — Gets the mouse position relative to the plot area.
- **series**: `IgcSeriesComponent` — Gets the series associated with the current event.
- **worldPosition**: `IgPoint`
- **getPosition**(relativeTo: any): IgPoint — Returns the x- and y- coordinates of the mouse pointer position, optionally evaluated
against the origin of a supplied UIElement.
- **toString**(): string — Provides a human readable description of the mouse button event.

### [IgcChartResizeIdleEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartResizeIdleEventArgs)
Provides information about the chart going idle from being resized.

- **constructor**(): IgcChartResizeIdleEventArgs

### [IgcChartSelectedItemCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartSelectedItemCollection)

- **constructor**(list?: IgcChartSelection[]): IgcChartSelectedItemCollection

### [IgcChartSelection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartSelection)
Represents a selected item within the chart. This should be treated as immutable while in the selected items collection. Changes while part of the collection will not be respected.

- **constructor**(): IgcChartSelection
- **item**: `any`
- **matcher**: `IgcSeriesMatcher` — If set, allows for selecting a series based on a matcher. This should resolve to a single static series at the time that the chart selection is added to selected items.
It will not be re-evaluated while the ChartSelection is in the selected items.
- **series**: `IgcSeriesComponent`
- **equals**(other: any): boolean
- **findByName**(name: string): any

### [IgcChartSeriesEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartSeriesEventArgs)
Represents event arguments for chart's SeriesAdded and SeriesRemoved events

- **constructor**(): IgcChartSeriesEventArgs
- **series**: `IgcSeriesComponent` — Gets the series.

### [IgcChartSortDescription](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartSortDescription)
Represents an element in the current sort applied to a data source or provider. Changes to this object are not observed or expected after it is initially assigned to a collection.

- **constructor**(field?: string, sortDirection?: ListSortDirection): IgcChartSortDescription
- **field**: `string` — Gets or sets the property being sorted.
- **sortDirection**: `ListSortDirection` — Gets or sets the direction to sort based on the property.
- **equals**(other: any): boolean — Returns if the SortDescription is equal to another.
- **findByName**(name: string): any

### [IgcChartSortDescriptionCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartSortDescriptionCollection)
Represents a collection of sort elements that are applied to a data source or provider.

- **constructor**(): IgcChartSortDescriptionCollection
- **count**: `number`
- **i**: `ChartSortDescriptionCollection`
- **shouldDetachOnTargetChange**: `boolean` — Gets or sets whether this collection should detach the sync when the target collection changes.
- **[iterator]**(): Generator<any, void, unknown>
- **add**(item: IgcChartSortDescription): boolean
- **clear**(): void
- **findByName**(name: string): any
- **indexOf**(item: IgcChartSortDescription): number
- **insert**(index: number, item: IgcChartSortDescription): void
- **item**(index: number, value?: IgcChartSortDescription): IgcChartSortDescription
- **remove**(item: IgcChartSortDescription): boolean
- **removeAt**(index: number): IgcChartSortDescription
- **toArray**(): IgcChartSortDescription[]

### [IgcChartSummaryDescription](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartSummaryDescription)
Represents a summary that is applied to a datasource. Changes to this object are not observed or expected after it is initially assigned to a collection.

- **constructor**(): IgcChartSummaryDescription
- **alias**: `string` — Gets or sets an alias for the summary. Currently only used in aggregated data situations.
- **calculatorDisplayName**: `string` — Gets or sets the name to use when displaying the calculator name.
- **field**: `string`
- **operand**: `DataSourceSummaryOperand`
- **provideCalculator**: `any` — Called when the summary calculator is required.
- **equals**(other: any): boolean
- **findByName**(name: string): any

### [IgcChartSummaryDescriptionCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcChartSummaryDescriptionCollection)

- **constructor**(): IgcChartSummaryDescriptionCollection
- **count**: `number`
- **i**: `ChartSummaryDescriptionCollection`
- **shouldDetachOnTargetChange**: `boolean` — Gets or sets whether this collection should detach the sync when the target collection changes.
- **[iterator]**(): Generator<any, void, unknown>
- **add**(item: IgcChartSummaryDescription): boolean
- **clear**(): void
- **findByName**(name: string): any
- **indexOf**(item: IgcChartSummaryDescription): number
- **insert**(index: number, item: IgcChartSummaryDescription): void
- **item**(index: number, value?: IgcChartSummaryDescription): IgcChartSummaryDescription
- **remove**(item: IgcChartSummaryDescription): boolean
- **removeAt**(index: number): IgcChartSummaryDescription
- **toArray**(): IgcChartSummaryDescription[]

### [IgcColorScaleComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcColorScaleComponent)
Base class for classes which provide colors corresponding to numeric values within a known list of numeric values.

- **constructor**(): IgcColorScaleComponent
- **propertyUpdated**: `any` — Event raised when a property (including "effective" and non-dependency property) value changes.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **_createFromInternal**(internal: any): IgcColorScaleComponent

### [IgcColumnFragmentComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcColumnFragmentComponent)
Represents one part of a StackedColumnSeries.

- **constructor**(): IgcColumnFragmentComponent
- static **htmlTagName**: `string`
- **fragmentXAxis**: `IgcCategoryAxisBaseComponent` — Gets or sets the effective x-axis for this series.
- **fragmentYAxis**: `IgcNumericAxisBaseComponent` — Gets or sets the effective y-axis for this series.
- **isColumn**: `boolean` — Gets whether the current series shows a column shape.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the column.
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the column.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the index of the item that resides at the provided world coordinates.
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- static **register**(): void

### [IgcColumnSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcColumnSeriesComponent)
Represents a IgxDataChartComponent column series.
Compare values across categories by using vertical rectangles.
Use it when the order of categories is not important or for displaying
item counts such as a histogram.

- **constructor**(): IgcColumnSeriesComponent
- static **htmlTagName**: `string`
- **consolidatedColumnVerticalPosition**: `ConsolidatedItemsPosition` — The positioning logic to use for columns which have been consolidated into a single visual element.
- **isColumn**: `boolean` — Gets whether the current series shows a column shape.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the column.
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the column.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- static **register**(): void

### [IgcColumnSupportingCalculation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcColumnSupportingCalculation)
Represents a calculation strategy that takes in a column of values
and returns a resulting column of values.

- **constructor**(): IgcColumnSupportingCalculation
- **findByName**(name: string): any

### [IgcCommodityChannelIndexIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCommodityChannelIndexIndicatorComponent)
Represents a IgxDataChartComponent Commodity Channel Index indicator series.
Default required members: High, Low, Close

CommodityChannelIndexIndicator class specify the series as Commodity Channel Index Indicator series.

- **constructor**(): IgcCommodityChannelIndexIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current CCISeries object.
The typical, and initial, value for CCI periods is 20.

this.series.period = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcContourValueResolverComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcContourValueResolverComponent)
Class used to determine the numeric values of contour lines, given a larger list of numeric values.

- **constructor**(): IgcContourValueResolverComponent
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **_createFromInternal**(internal: any): IgcContourValueResolverComponent

### [IgcCrosshairLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCrosshairLayerComponent)
Represents an annotation layer that displays crosshair lines that cross through the closest value of the target series under the cursor.

- **constructor**(): IgcCrosshairLayerComponent
- static **htmlTagName**: `string`
- **horizontalLineStroke**: `string` — Gets or sets the color to use for the horizontal line. Leave null for an automatic value.
- **horizontalLineVisibility**: `Visibility` — Gets or sets whether to display the horizontal line.
- **isAnnotationCrosshairLayer**: `boolean` — Gets whether the series is an crosshair annotation layer.
- **isAnnotationHoverLayer**: `boolean` — Gets whether the series is an annotation layer displayed only when hovering over the chart.
- **isAxisAnnotationEnabled**: `boolean` — Gets or sets whether to draw annotations over the axes where the crosshair meets with them.
- **skipAxisAnnotationOnInvalidData**: `boolean` — Gets or sets whether axis annotation are skipped for invalid data in a given position.
- **skipAxisAnnotationOnZeroValueFragments**: `boolean` — Gets or sets whether axis annotation are skipped for zero-value fragments in a given position.
- **skipUnknownValues**: `boolean` — Gets or sets whether to skip unknown values when searching for series values.
- **targetSeries**: `IgcSeriesComponent` — Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
- **targetSeriesName**: `string` — Gets or sets the name of the series to target this annotation to. If null, this annotation targets all series simultaneously.
- **useInterpolation**: `boolean` — Gets or sets whether to use value interpolation when drawing a line through the best value for the cursor position.
- **verticalLineStroke**: `string` — Gets or sets the color to use for vertical line. Leave null for an automatic value.
- **verticalLineVisibility**: `Visibility` — Gets or sets whether to display the vertical line.
- **xAxisAnnotationBackground**: `string` — Gets or sets the color to use for the x axis annotation backing. Leave unset for an automatic value.
- **xAxisAnnotationBackgroundCornerRadius**: `number` — Gets or sets the corner radius to use for the x axis annotation backing. Leave unset for an automatic value.
- **xAxisAnnotationInterpolatedValuePrecision**: `number` — Gets or sets the precision to use displaying values for interpolated crosshair positions.
- **xAxisAnnotationOutline**: `string` — Gets or sets the color to use for the x axis annotation outline. Leave unset for an automatic value.
- **xAxisAnnotationPaddingBottom**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **xAxisAnnotationPaddingLeft**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **xAxisAnnotationPaddingRight**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **xAxisAnnotationPaddingTop**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **xAxisAnnotationStrokeThickness**: `number` — Gets or sets the stroke thickness for the x axis annotation backing. Leave unset for an automatic value.
- **xAxisAnnotationTextColor**: `string` — Gets or sets the color to use for the x axis annotation text. Leave unset for an automatic value.
- **yAxisAnnotationBackground**: `string` — Gets or sets the color to use for the y axis annotation backing. Leave unset for an automatic value.
- **yAxisAnnotationBackgroundCornerRadius**: `number` — Gets or sets the corner radius to use for the y axis annotation backing. Leave unset for an automatic value.
- **yAxisAnnotationInterpolatedValuePrecision**: `number` — Gets or sets the precision to use displaying values for interpolated crosshair positions.
- **yAxisAnnotationOutline**: `string` — Gets or sets the color to use for the y axis annotation outline. Leave unset for an automatic value.
- **yAxisAnnotationPaddingBottom**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **yAxisAnnotationPaddingLeft**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **yAxisAnnotationPaddingRight**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **yAxisAnnotationPaddingTop**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **yAxisAnnotationStrokeThickness**: `number` — Gets or sets the stroke thickness for the y axis annotation backing. Leave unset for an automatic value.
- **yAxisAnnotationTextColor**: `string` — Gets or sets the color to use for the y axis annotation text. Leave unset for an automatic value.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **register**(): void

### [IgcCustomContourValueResolverComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCustomContourValueResolverComponent)
ContourValueResolver class which fires an event to resolve the contour values.

- **constructor**(): IgcCustomContourValueResolverComponent
- static **htmlTagName**: `string`
- **getCustomContourValues**: `any` — Event raised when retrieving the contour values.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcCustomContourValueResolverEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCustomContourValueResolverEventArgs)
Provides data for GetCustomContourValues event.

- **constructor**(): IgcCustomContourValueResolverEventArgs
- **contourValues**: `number[]`
- **values**: `number[]`

### [IgcCustomIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCustomIndicatorComponent)
A base class for indicator series with simple calculations that separates the calculation
responsibility from the other responsibilities of the financial series, this enables
easier unit testing and decoupling of individual calculation strategies.
A contract is defined between the financial series and these simple indicator calculations
detailing the data which the series agrees to provide the simple indicator calculations,
this contract is defined by
FinancialCalculationDataSource. If more
complex interactions are needed between the indicator calculation and the series, the
indicators should instead derive from
FinancialIndicator directly, or some
derivative other than
StrategyBasedIndicator

- **constructor**(): IgcCustomIndicatorComponent
- static **htmlTagName**: `string`
- **basedOnColumns**: `any` — Event raised when the basedOnColumns values need to be computed.
- **indicator**: `any` — Event raised when the indicator values need to be computed.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcCustomIndicatorNameCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCustomIndicatorNameCollection)

- **constructor**(list?: string[]): IgcCustomIndicatorNameCollection

### [IgcCustomPaletteBrushScaleComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCustomPaletteBrushScaleComponent)
Represents a brush scale that uses index-based brush selection mode.

- **constructor**(): IgcCustomPaletteBrushScaleComponent
- static **htmlTagName**: `string`
- **brushSelectionMode**: `BrushSelectionMode` — Gets or sets the brush selection mode.
- **isReady**: `boolean` — Checks if this scale is ready for useage with a series
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getBrush1**(index: number, total: number): string
- static **register**(): void

### [IgcCustomPaletteColorScaleComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcCustomPaletteColorScaleComponent)
ColorScale class for selecting a color from a given palette, or interpolating between adjacent colors in that palette.

- **constructor**(): IgcCustomPaletteColorScaleComponent
- static **htmlTagName**: `string`
- **interpolationMode**: `ColorScaleInterpolationMode` — The approach to use when getting a color from the palette.
- **maximumValue**: `number` — The highest value to assign a color.  Any given value greater than this value will be made Transparent.
- **minimumValue**: `number` — The lowest value to assign a color.  Any given value less than this value will be made Transparent.
- **palette**: `string[]` — A list of colors to select from or interpolate between.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **providePalette**(colors: string[]): void
- static **register**(): void

### [IgcDataAnnotationAxisLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationAxisLayerComponent)
Represents a base annotation layer that displays annotations over an axis.

- **constructor**(): IgcDataAnnotationAxisLayerComponent
- **annotationBackground**: `string` — Gets or sets the color used for backing of the axis annotation.
- **annotationBackgroundMatchLayer**: `boolean` — Gets or sets whether the annotation background matches brush of the layer
- **annotationBackgroundMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the background of axis annotation.
- **annotationBackgroundShift**: `number` — Gets or sets the percentage used to shift AnnotationBackground. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **annotationBadgeBackground**: `string` — Gets or sets background of the badge annotations.
- **annotationBadgeCornerRadius**: `number` — Gets or sets border radius of the badge annotations.
- **annotationBadgeEnabled**: `boolean` — Gets or sets whether the badge are rendered in annotations.
- **annotationBadgeImagePath**: `string` — Gets or sets a member path for displaying an image in the badge annotations.
- **annotationBadgeMargin**: `number` — Gets or sets margin of the badge annotations.
- **annotationBadgeOutline**: `string` — Gets or sets border outline of the badge annotations.
- **annotationBadgeOutlineThickness**: `number` — Gets or sets border thickness of the badge annotations.
- **annotationBadgeSize**: `number` — Gets or sets size of the badge annotations.
- **annotationBorderColor**: `string` — Gets or sets the color used for border color of the axis annotation.
- **annotationBorderMatchLayer**: `boolean` — Gets or sets whether the annotation border matches outline of the layer (if it has a fill visual) otherwise brush of the layer
- **annotationBorderMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting border color of the axis annotation.
- **annotationBorderRadius**: `number` — Gets or sets the border radius used for displaying the axis annotation.
- **annotationBorderShift**: `number` — Gets or sets the percentage amount used to shift AnnotationBorderColor. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **annotationBorderThickness**: `number` — Gets or sets border thickness of the axis annotations.
- **annotationLabelDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label on axis annotation.
- **annotationLabelVisible**: `boolean` — Gets or sets whether to show all annotations over target axis
- **annotationPaddingBottom**: `number`
- **annotationPaddingLeft**: `number`
- **annotationPaddingRight**: `number`
- **annotationPaddingTop**: `number`
- **annotationTextColor**: `string` — Gets or sets the text color used in the axis annotation.
- **annotationTextColorMatchLayer**: `boolean` — Gets or sets whether the annotation text color matches brush of the layer
- **annotationTextColorMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the text color in axis annotation.
- **annotationTextColorShift**: `number` — Gets or sets the percentage used to shift AnnotationTextColor. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **annotationValueMaxPrecision**: `number` — Gets or sets maximum precision for displaying values on axis annotation.
- **annotationValueMinPrecision**: `number` — Gets or sets minimum precision for displaying values on axis annotation.
- **isAnnotationDataLayer**: `boolean` — Gets whether the series is a data annotation layer that support binding to data source
- **targetAxis**: `IgcAxisComponent` — Gets or sets the target axis for this annotation. If null, this annotation will use TargetMode to determine target axis.
- **targetAxisName**: `string` — Gets or sets the name to use to resolve targetAxis from markup.
- **targetMode**: `DataAnnotationTargetMode` — Gets or sets the mode for targeting axes present in the chart. Defaults to targeting all category-axes present in the chart
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **ensureAnnotationPadding**(): void
- **findByName**(name: string): any

### [IgcDataAnnotationBandLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationBandLayerComponent)
Represents an annotation layer that renders bands (line with breadth) at locations of x/y values mapped to these properties:
StartValueXMemberPath
StartValueYMemberPath
EndValueXMemberPath
EndValueYMemberPath
AnnotationBreadthMemberPath

- **constructor**(): IgcDataAnnotationBandLayerComponent
- static **htmlTagName**: `string`
- **annotationBreadthMemberPath**: `string` — Gets or sets name of data column with breath/size of shape annotations.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcDataAnnotationInfo](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationInfo)
Represents data annotation

- **constructor**(): IgcDataAnnotationInfo
- **background**: `string`
- **borderColor**: `string`
- **borderRadius**: `number`
- **borderThickness**: `number`
- **dataIndex**: `number`
- **dataLabelX**: `string`
- **dataLabelY**: `string`
- **dataValueX**: `number`
- **dataValueY**: `number`
- **isCenterLabel**: `boolean`
- **isEndLabel**: `boolean`
- **isStartLabel**: `boolean`
- **isXAxisBadgeEnabled**: `boolean` — Sets whether the x axis badge is enabled or not.
- **isYAxisBadgeEnabled**: `boolean` — Sets whether the y axis badge is enabled or not.
- **textColor**: `string`
- **xAxisBadgeBackground**: `string` — Sets the x axis badge background color.
- **xAxisBadgeImagePath**: `string` — Sets the path to an image to use in the x axis badge.
- **xAxisBadgeMargin**: `number` — Sets the margin between the x axis badge and annotation text.
- **xAxisBadgeOutline**: `string` — Sets the x axis badge border color.
- **xAxisBadgeOutlineThickness**: `number` — Sets the x axis badge border thickness.
- **xAxisBadgeRadius**: `number` — Sets the x axis badge border radius.
- **xAxisBadgeSize**: `number` — Sets the size of the x axis badge.
- **xAxisLabel**: `string`
- **xAxisPixel**: `number`
- **xAxisUserAnnotation**: `IgcUserBaseAnnotation` — Sets whether the x axis badge is enabled or not.
- **xAxisValue**: `number`
- **xAxisWindow**: `number`
- **yAxisBadgeBackground**: `string` — Sets the y axis badge background color.
- **yAxisBadgeImagePath**: `string` — Sets the path to an image to use in the y axis badge.
- **yAxisBadgeMargin**: `number` — Sets the margin between the y axis badge and annotation text.
- **yAxisBadgeOutline**: `string` — Sets the y axis badge border color.
- **yAxisBadgeOutlineThickness**: `number` — Sets the y axis badge border thickness.
- **yAxisBadgeRadius**: `number` — Sets the y axis badge border radius.
- **yAxisBadgeSize**: `number` — Sets the size of the y axis badge.
- **yAxisLabel**: `string`
- **yAxisPixel**: `number`
- **yAxisUserAnnotation**: `IgcUserBaseAnnotation` — Sets whether the y axis badge is enabled or not.
- **yAxisValue**: `number`
- **yAxisWindow**: `number`
- **findByName**(name: string): any

### [IgcDataAnnotationItem](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationItem)
Represents a definition of data annotation displayed by the DataAnnotationShapeLayer

- **constructor**(): IgcDataAnnotationItem
- **centerLabelX**: `string` — Gets or sets a label displayed at center annotation shape on x-axis
- **centerLabelY**: `string` — Gets or sets a label displayed at center annotation shape on y-axis
- **dataIndex**: `number` — Gets data index associated with the annotation
- **endLabelX**: `string` — Gets or sets a label displayed at end annotation shape on x-axis
- **endLabelY**: `string` — Gets or sets a label displayed at end annotation shape on y-axis
- **shapeBrush**: `string` — Gets or sets fill brush of the annotation shape
- **shapeCenterX**: `number` — Gets X coordinate for the center of annotation shape
- **shapeCenterY**: `number` — Gets Y coordinate for the center of annotation shape
- **shapeEndX**: `number` — Gets X coordinate for the end of annotation shape
- **shapeEndY**: `number` — Gets Y coordinate for the end of annotation shape
- **shapeOutline**: `string` — Gets or sets outline brush of the annotation shape
- **shapeStartX**: `number` — Gets X coordinate for the start of annotation shape
- **shapeStartY**: `number` — Gets Y coordinate for the start of annotation shape
- **shapeThickness**: `number` — Gets or sets outline thickness of the annotation shape
- **startLabelX**: `string` — Gets or sets a label displayed at start annotation shape on x-axis
- **startLabelY**: `string` — Gets or sets a label displayed at start annotation shape on y-axis
- **findByName**(name: string): any

### [IgcDataAnnotationLineLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationLineLayerComponent)
Represents an annotation layer that renders lines at locations of x/y values mapped to these properties:
StartValueXMemberPath
StartValueYMemberPath
EndValueXMemberPath
EndValueYMemberPath

- **constructor**(): IgcDataAnnotationLineLayerComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcDataAnnotationPointLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationPointLayerComponent)
Represents a base of annotation layers that render shapes at locations of x/y values mapped to these properties:
StartValueXMemberPath
StartValueYMemberPath
EndValueXMemberPath
EndValueYMemberPath

- **constructor**(): IgcDataAnnotationPointLayerComponent
- **annotationBadgeBackgroundXMemberPath**: `string` — Gets or sets a member path for background of the badge annotations on x-axis.
- **annotationBadgeBackgroundYMemberPath**: `string` — Gets or sets a member path for background of the badge annotations on y-axis.
- **annotationBadgeEnabledXMemberPath**: `string` — Gets or sets a member path for visibility of the badge annotations on x-axis.
- **annotationBadgeEnabledYMemberPath**: `string` — Gets or sets a member path for visibility of the badge annotations on y-axis.
- **annotationBadgeImageXMemberPath**: `string` — Gets or sets a member path for displaying an image in the badge annotations on x-axis.
- **annotationBadgeImageYMemberPath**: `string` — Gets or sets a member path for displaying an image in the badge annotations on y-axis.
- **annotationBadgeOutlineXMemberPath**: `string` — Gets or sets a member path for outline of the badge annotations on x-axis.
- **annotationBadgeOutlineYMemberPath**: `string` — Gets or sets a member path for outline of the badge annotations on y-axis.
- **centerLabelXDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label in the annotation on x-axis.
- **centerLabelXMemberPath**: `string` — Gets or sets mapping custom label at the center of the annotations on x-axis.
- **centerLabelYDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label in the annotation on y-axis.
- **centerLabelYMemberPath**: `string` — Gets or sets mapping custom label at the center of the annotations on y-axis.
- **endLabelXDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label at the end annotation on x-axis.
- **endLabelXMemberPath**: `string` — Gets or sets mapping custom label at the end of annotations on x-axis.
- **endLabelYDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label at the end annotation on y-axis.
- **endLabelYMemberPath**: `string` — Gets or sets mapping custom label at the end of annotations on y-axis.
- **endValueXMemberPath**: `string` — Gets or sets name of data column with x-positions for end of annotation.
- **endValueYMemberPath**: `string` — Gets or sets name of data column with y-positions for end of annotation.
- **startLabelXDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label in the start annotation on x-axis.
- **startLabelXMemberPath**: `string` — Gets or sets mapping custom label at the start of annotations on x-axis.
- **startLabelYDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label in the start annotation on y-axis.
- **startLabelYMemberPath**: `string` — Gets or sets mapping custom label at the start of annotations on y-axis.
- **startValueXMemberPath**: `string` — Gets or sets name of data column with x-positions for the start of annotations.
- **startValueYMemberPath**: `string` — Gets or sets name of data column with y-positions for the start of annotations.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void

### [IgcDataAnnotationRangeLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationRangeLayerComponent)
Represents a base of annotation layers that render from start/end range

- **constructor**(): IgcDataAnnotationRangeLayerComponent
- **centerLabelBackground**: `string` — Gets or sets the background used for displaying the center annotation label.
- **centerLabelBorderColor**: `string` — Gets or sets the border color used for displaying the center annotation label.
- **centerLabelTextColor**: `string` — Gets or sets the text color used for displaying the center annotation label.
- **endLabelBackground**: `string` — Gets or sets the background used for displaying the end annotation label.
- **endLabelBorderColor**: `string` — Gets or sets the border used for displaying the end annotation label.
- **endLabelTextColor**: `string` — Gets or sets the text color used for displaying the end annotation label.
- **startLabelBackground**: `string` — Gets or sets the background used for displaying the start annotation label.
- **startLabelBorderColor**: `string` — Gets or sets the border color used for displaying Start annotation label.
- **startLabelTextColor**: `string` — Gets or sets the text color used for displaying the start annotation label.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void

### [IgcDataAnnotationRectLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationRectLayerComponent)
Represents an annotation layer that renders rectangles at locations of x/y values mapped to these properties:
StartValueXMemberPath
StartValueYMemberPath
EndValueXMemberPath
EndValueYMemberPath

- **constructor**(): IgcDataAnnotationRectLayerComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcDataAnnotationShapeLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationShapeLayerComponent)
Represents a base annotation layer that renders shapes defined by derived data annotation, e.g. line, strip, slice, rect, band

- **constructor**(): IgcDataAnnotationShapeLayerComponent
- **annotationShapeVisible**: `boolean` — Gets or sets whether to draw shape of annotations in the plot area
- **isTargetingHorizontalAxis**: `boolean` — Gets whether the annotation layer is currently targeting horizontal axis.
- **itemsUseWorldCoordinates**: `boolean` — Gets or sets whether the data items of the annotations use world coordinates (0.0 - 1.0) or they default to using axes coordinates (data indexes for category axis or data values for numeric axis).
- **overlayText**: `string` — Gets or sets the text that will be displayed as the overlay annotation.
- **overlayTextAngle**: `number` — Gets or sets the angle rotation (in degrees) of the overlay text in relation to shape of data annotation.
- **overlayTextBackground**: `string` — Gets or sets the background the overlay text.
- **overlayTextBackgroundMatchLayer**: `boolean` — Gets or sets whether the overlay text background matches brush of the layer
- **overlayTextBackgroundMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the background of overlay text based on the target series.
- **overlayTextBackgroundShift**: `number` — Gets or sets the shift of the overlay background based on OverlayTextBackgroundMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextBorderColor**: `string` — Gets or sets the border stroke of the overlay text.
- **overlayTextBorderMatchLayer**: `boolean` — Gets or sets whether the overlay text border matches brush of the layer
- **overlayTextBorderMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the border of overlay text based on the target series.
- **overlayTextBorderRadius**: `number` — Gets or sets the border corner of the overlay text.
- **overlayTextBorderShift**: `number` — Gets or sets the shift of the overlay border based on OverlayTextBorderMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextBorderThickness**: `number` — Gets or sets the border thickness of the overlay text.
- **overlayTextColor**: `string` — Gets or sets the color the overlay text.
- **overlayTextColorMatchLayer**: `boolean` — Gets or sets whether the overlay text color matches brush of the layer
- **overlayTextColorMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the background of overlay text based on the target series.
- **overlayTextColorShift**: `number` — Gets or sets the shift of the overlay text color based on OverlayTextColorMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextHorizontalMargin**: `number` — Gets or sets the horizontal margin of the overlay text in relation to shape of data annotation.
- **overlayTextHorizontalPadding**: `number` — Gets or sets the horizontal padding of the overlay text in relation to shape of data annotation.
- **overlayTextLocation**: `OverlayTextLocation` — Gets or sets location of the overlay text in relation to shape of data annotation.
- **overlayTextMemberPath**: `string` — Gets or sets name of data column with text that will be displayed as overlay text.
- **overlayTextStyle**: `string` — Gets or Sets the style to use for the display text.
- **overlayTextVerticalMargin**: `number` — Gets or sets the vertical margin of the overlay text in relation to shape of data annotation.
- **overlayTextVerticalPadding**: `number` — Gets or sets the vertical padding of the overlay text in relation to shape of data annotation.
- **overlayTextVisible**: `boolean` — Gets or sets whether the overlay text is visible in shape of data annotation
- **stylingAxisAnnotation**: `any` — Event raised when updating style of annotation
- **stylingOverlayText**: `any` — Event raised when updating style of overlay text
- **stylingShapeAnnotation**: `any` — Event raised when updating style of annotation
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **fromWorld**(world: IgPoint): IgPoint — Converts world coordinate (0.0 - 1.0) to pixel coordinate that is relative to component's size
- **fromWorldX**(x: number): number — Converts world X coordinate (0.0 - 1.0) to pixel coordinate that is relative to component's width
- **fromWorldY**(y: number): number — Converts world Y coordinate (0.0 - 1.0) to pixel coordinate that is relative to component's height
- **toWorld**(pixel: IgPoint): IgPoint — Converts pixel coordinate (relative to component's size) to world coordinate (0.0 - 1.0)
- **toWorldX**(x: number): number — Converts pixel X coordinate (relative to component's width) to world coordinate (0.0 - 1.0)
- **toWorldY**(y: number): number — Converts pixel Y coordinate (relative to component's height) to world coordinate (0.0 - 1.0)

### [IgcDataAnnotationSliceLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationSliceLayerComponent)
Represents an annotation layer that renders vertical or horizontal slices/lines at values mapped to AnnotationValueMemberPath property
horizontal slices/lines when TargetAxis is set to Y-axis
vertical slices/lines when TargetAxis is set to X-axis

- **constructor**(): IgcDataAnnotationSliceLayerComponent
- static **htmlTagName**: `string`
- **annotationBadgeBackgroundMemberPath**: `string` — Gets or sets a member path for background of the badge annotations on an axis.
- **annotationBadgeEnabledMemberPath**: `string` — Gets or sets a member path for visibility of the badge annotations on an axis.
- **annotationBadgeImageMemberPath**: `string` — Gets or sets a member path for image of the badge annotations on an axis.
- **annotationBadgeOutlineMemberPath**: `string` — Gets or sets a member path for outline of the badge annotations on an axis.
- **annotationLabelMemberPath**: `string` — Gets or sets mapping custom label on axis annotations.
- **annotationValueMemberPath**: `string` — Gets or sets name of data column with values used to position annotations.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcDataAnnotationStripLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataAnnotationStripLayerComponent)
Represents an annotation layer that renders vertical or horizontal strips between values mapped to these properties:
StartValueMemberPath
EndValueMemberPath

- **constructor**(): IgcDataAnnotationStripLayerComponent
- static **htmlTagName**: `string`
- **annotationBadgeBackgroundMemberPath**: `string` — Gets or sets a member path for background of the badge annotations on an axis.
- **annotationBadgeEnabledMemberPath**: `string` — Gets or sets a member path for visibility of the badge annotations on an axis.
- **annotationBadgeImageMemberPath**: `string` — Gets or sets a member path for image of the badge annotations on an axis.
- **annotationBadgeOutlineMemberPath**: `string` — Gets or sets a member path for outline of the badge annotations on an axis.
- **centerLabelDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label in the center annotation.
- **centerLabelMemberPath**: `string` — Gets or sets mapping custom label between start and end of data annotations.
- **endLabelDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label at the end annotation.
- **endLabelMemberPath**: `string` — Gets or sets mapping custom label at the end of annotations.
- **endValueMemberPath**: `string` — Gets or sets name of data column with positions for end of annotation.
- **startLabelDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label in the start annotation.
- **startLabelMemberPath**: `string` — Gets or sets mapping custom label at the start of annotations.
- **startValueMemberPath**: `string` — Gets or sets name of data column with positions for the start of annotations.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcDataChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataChartComponent)
Represents a control for viewing series objects.

- **constructor**(): IgcDataChartComponent
- **actualAxes**: `IgcAxisComponent[]` — The axes actually present in the chart. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing axes from the manual axes collection on the axes property.
- **actualSeries**: `IgcSeriesComponent[]` — The series actually present in the chart. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing series from the manual series collection on the series property.
- **contentAxes**: `IgcAxisComponent[]`
- **contentSeries**: `IgcSeriesComponent[]`
- static **htmlTagName**: `string`
- **actualPlotAreaMarginBottom**: `number` — Gets the actual resolved bottom plot area margin;
- **actualPlotAreaMarginLeft**: `number` — Gets the actual resolved left plot area margin;
- **actualPlotAreaMarginRight**: `number` — Gets the actual resolved right plot area margin;
- **actualPlotAreaMarginTop**: `number` — Gets the actual resolved top plot area margin;
- **actualWindowScaleHorizontal**: `number` — A number between 0 and 1 determining the scale of the horizontal zoom.
This property is effectively a shortcut to the Width of the ActualWindowRect property.
- **actualWindowScaleVertical**: `number` — A number between 0 and 1 determining the scale of the vertical zoom.
This property is effectively a shortcut to the Height of the ActualWindowRect property.
- **alignsGridLinesToPixels**: `boolean` — Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
- **autoExpandMarginExtraPadding**: `number` — Gets or sets the extra amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
- **autoExpandMarginMaximumValue**: `number` — Gets or sets the maximum amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
- **autoMarginAndAngleUpdateMode**: `AutoMarginsAndAngleUpdateMode` — Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
- **axes**: `IgcAxisCollection` — A collection or manually added axes for the chart.
- **computedPlotAreaMarginMode**: `ComputedPlotAreaMarginMode` — Gets or sets mode to use for automatically calculating the plot area margin.
- **dataSource**: `any`
- **defaultAxisMajorStroke**: `string` — Gets or sets the DefaultAxisMajorStroke property.
The DefaultAxisMajorStroke property defines the brush which is used by the axes when no
Axis.MajorStroke is set.
- **defaultAxisMinorStroke**: `string` — Gets or sets the DefaultAxisMinorStroke property.
The DefaultAxisMinorStroke property defines the brush which is used by the axes when no
Axis.MinorStroke is set.
- **defaultAxisStroke**: `string` — Gets or sets the DefaultAxisStroke property.
The DefaultAxisStroke property defines the brush which is used by the axes when no
Axis.Stroke is set.
- **fullAxes**: `IgcAxisCollection`
- **gridMode**: `GridMode` — Gets or sets how grid lines are rendered in relation to series.

 Try setting the GridMode property to bring your grid lines in front of the data series.
- **height**: `string`
- **highlightedDataSource**: `any`
- **isHorizontalZoomEnabled**: `boolean` — Gets or sets horizontal zoomability of the current control

Set IsHorizontalZoomEnabled to enable or disable horizontal zooming.

this.chart.IsHorizontalZoomEnabled= true;
- **isSquare**: `boolean` — Gets or sets whether to use a square aspect ratio for the chart. This is locked to true for polar and radial charts.

Set IsSquare to true to constrain the chart to a square, using the minimum of its height and width.

 this.chart.isSquare="True";
- **isVerticalZoomEnabled**: `boolean` — Gets or sets vertical zoomability of the current control

Set IsVerticalZoomEnabled to enable or disable vertical zooming.

this.chart.isVerticalZoomEnabled="True";
- **legend**: `any` — Gets or sets the legend used for the current chart.
- **plotAreaMarginBottom**: `number` — Margin applied below the plot area.
- **plotAreaMarginLeft**: `number` — Margin applied to the left of the plot area.
- **plotAreaMarginRight**: `number` — Margin applied to the right of the plot area.
- **plotAreaMarginTop**: `number` — Margin applied above the plot area.
- **series**: `IgcSeriesCollection` — A collection or manually added series for the chart.
- **seriesPlotAreaMarginHorizontalMode**: `SeriesPlotAreaMarginHorizontalMode` — Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.
- **seriesPlotAreaMarginVerticalMode**: `SeriesPlotAreaMarginVerticalMode` — Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.
- **shouldAutoExpandMarginForInitialLabels**: `boolean` — Gets or sets a whether the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
- **shouldConsiderAutoRotationForInitialLabels**: `boolean` — Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
- **shouldSuppressAxisLabelTruncation**: `boolean` — Gets or sets a whether the series viewer should suppress truncation of axis labels.
- **suppressAutoMarginAndAngleRecalculation**: `boolean` — Gets or sets a whether the series viewer should suppress auto recalculating margin and axis label angles.
- **syncChannel**: `string` — Gets or sets the channel with which to synchronize.

Synchronization is the coordination of zooming, panning and crosshairs events between multiple charts. Multiple chart controls can be synchronized horizontally (along X-Axis), vertically (along Y-Axis), or both. If you want to synchronize a set of charts, assign them the same name to the syncChannel and then specify whether or not synchronize chart horizontally and/or vertically.
- **synchronizeHorizontally**: `boolean` — Gets or sets the bool used to display the window preview shadow.

Synchronization is the coordination of zooming, panning and crosshairs events between multiple charts. Multiple chart controls can be synchronized horizontally (along X-Axis), vertically (along Y-Axis), or both. If you want to synchronize a set of charts, assign them the same name to the syncChannel and then specify whether or not synchronize chart horizontally and/or vertically.
- **synchronizeVertically**: `boolean` — Gets or sets the bool used to display the window preview shadow.

Synchronization is the coordination of zooming, panning and crosshairs events between multiple charts. Multiple chart controls can be synchronized horizontally (along X-Axis), vertically (along Y-Axis), or both. If you want to synchronize a set of charts, assign them the same name to the syncChannel and then specify whether or not synchronize chart horizontally and/or vertically.
- **width**: `string`
- **windowScaleHorizontal**: `number` — A number between 0 and 1 determining the scale of the horizontal zoom.
This property is effectively a shortcut to the Width of the WindowRect property.

To programmatically change the horizontal zoom level, set WindowScaleHorizontal to a value between 0 and 1.

this.chart.windowScaleHorizontal="0.75";
- **windowScaleVertical**: `number` — A number between 0 and 1 determining the scale of the vertical zoom.
This property is effectively a shortcut to the Height of the WindowRect property.

To programmatically change the vertical zoom level, set WindowScaleVertical to a value between 0 and 1.

this.chart.windowScaleVertical="0.75";
- static **observedAttributes**: `string[]`
- **afterContentInit**(): void
- **bindData**(): void
- **bindHighlightedData**(): void
- **connectedCallback**(): void
- **destroy**(): void — Release any resources held by the control.
- **disconnectedCallback**(): void
- **exportSerializedVisualData**(): string — Export serialized visual data.
- **findByName**(name: string): any
- **notifyContainerResized**(): void — Notification from the containing object that the container has been resized.
- **recalculateAutoLabelsAngle**(): void
- **recalculateMarginAutoExpansion**(): void
- **refreshComputedPlotAreaMargin**(): void
- **styleUpdated**(): void — Notifies the chart that the CSS styles in effect have been updated.
- static **register**(): void

### [IgcDataChartDefaultTooltipsComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataChartDefaultTooltipsComponent)

- **constructor**(): IgcDataChartDefaultTooltipsComponent
- **anchoredCategoryTooltip**: `TemplateFunction`
- **anchoredRadialTooltip**: `TemplateFunction`
- **financialTooltip**: `TemplateFunction`
- **onContentReady**: `any`
- **rangeCategoryTooltip**: `TemplateFunction`
- **userAnnotationTooltip**: `TemplateFunction`
- **afterContentInit**(): void
- **asAny**(item: any): any
- **ensureDefaultTooltip**(series: IgcSeriesComponent): void
- **format**(value: any): any
- **getAnchoredValue**(series: any, item: any): any
- **getAngleValue**(series: any, item: any): any
- **getBrush**(series: IgcSeriesComponent): string
- **getCloseValue**(series: any, item: any): any
- **getHighValue**(series: any, item: any): any
- **getItemValue**(series: any, item: any, memberPath: string, memberPathValue: string): any
- **getLowValue**(series: any, item: any): any
- **getOpenValue**(series: any, item: any): any
- **getRadiusValue**(series: any, item: any): any
- **getValue**(series: any, item: any): any
- **getVolumeValue**(series: any, item: any): any
- **getXValue**(series: any, item: any): any
- **getYValue**(series: any, item: any): any
- **hasClose**(series: any): any
- **hasHigh**(series: any): any
- **hasLow**(series: any): any
- **hasOpen**(series: any): any
- **hasRadius**(series: any): boolean
- **hasValue**(series: any): any
- **hasVolume**(series: any): any
- **shortDate**(item: Date): string
- static **register**(): void

### [IgcDataChartMouseButtonEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataChartMouseButtonEventArgs)
Provides data for IgxDataChartComponent mouse button related events.

DataChartMouseButtonEventHandler class represents the method that will handle IgxDataChartComponent mouse button related events.

this.chart.seriesMouseLeftButtonDown.subscribe(this.chart_seriesMouseLeftButtonDown);
chart_seriesMouseLeftButtonDown(sender :any,args: DataChartMouseButtonEventArgs )
  {
  }

- **constructor**(): IgcDataChartMouseButtonEventArgs
- **cancelSelection**: `boolean` — Gets or sets whether to cancel series selection.
- **chart**: `IgcSeriesViewerComponent` — Gets the Chart associated with the current event.

Use the Chart property to get the chart associated with the current event.

var dataChart=  args.chart;
- **chartPosition**: `IgPoint` — Gets the mouse position relative to the chart.
- **handled**: `boolean` — Gets or sets a value that indicates the present state of the event handling for a routed
event as it travels the route.
ChartMouseButton events are not routed events; setting this property effects the underlying
MouseButtonEvent.

Use the handled property to indicates the present state of the event handling for a routed event.
- **item**: `any` — Gets the ItemsSource item associated with the current event.

Use the Item property to get the ItemsSource item associated with the current event.

var item1= args.item;
- **originalSource**: `any` — Gets a reference to the object that raised the event.

Use the OriginalSource property for the raised object event.

args.originalSource;
- **plotAreaPosition**: `IgPoint` — Gets the mouse position relative to the plot area.
- **series**: `IgcSeriesComponent` — Gets the series associated with the current event.

Use the Series property for the associated current event.

 var DataSeries= args.series;
- **worldPosition**: `IgPoint`
- **getPosition**(relativeTo: any): IgPoint — Returns the x- and y- coordinates of the mouse pointer position, optionally evaluated
against the origin of a supplied UIElement.
- **toString**(): string — Provides a human readable description of the mouse button event.


Use the ToString property to provides a human readable discription.

  var item= args.item.label.toString();

### [IgcDataLegendComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataLegendComponent)
Represents data legend that displays information about each series including values and summaries.

- **constructor**(): IgcDataLegendComponent
- static **htmlTagName**: `string`
- **actualBackground**: `string` — Gets the effective background of the data legend.
- **actualBadgesVisible**: `boolean` — Gets whether or not at least one badge is visible based on BadgesShape and setting of a row's IsVisble in StyleSeriesRow event
- **actualBorderBrush**: `string` — Gets the effective border brush of the data legend.
- **actualBorderThicknessBottom**: `number`
- **actualBorderThicknessLeft**: `number`
- **actualBorderThicknessRight**: `number`
- **actualBorderThicknessTop**: `number`
- **actualPixelScalingRatio**: `number` — Gets the actual pixel scaling ratio used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control to appear blurry.
- **badgeMarginBottom**: `number`
- **badgeMarginLeft**: `number`
- **badgeMarginRight**: `number`
- **badgeMarginTop**: `number`
- **badgeShape**: `LegendItemBadgeShape` — Gets or sets the BadgeShape for the data legend.
- **calculateColumnSummary**: `any` — Event raised when calculating summary value for each column in data legend
- **contentBackground**: `string` — Gets or sets the background of the data legend.
- **contentBorderBrush**: `string` — Gets or sets the border color of the data legend.
- **contentBorderThickness**: `number` — Gets or sets the border thickness of the data legend.
- **excludedColumns**: `string[]` — Gets or sets names of data columns or their labels to exclude from displaying in the data legend, e.g. "High, Low" or "H, L"
The ExcludedColumns property takes precedence over values of IncludedColumns property
- **excludedSeries**: `string[]` — Gets or sets indexes, titles, or names of series to exclude from displaying in the data legend, e.g. "0, 1" or "Series1 Title, Series2 Title"
The ExcludedSeries property takes precedence over values of IncludedSeries property
- **groupRowMarginBottom**: `number`
- **groupRowMarginLeft**: `number`
- **groupRowMarginRight**: `number`
- **groupRowMarginTop**: `number`
- **groupRowVisible**: `boolean` — Gets or sets whether to show Header row.
- **groupTextColor**: `string` — Gets or sets the Group text color.
- **groupTextMarginBottom**: `number`
- **groupTextMarginLeft**: `number`
- **groupTextMarginRight**: `number`
- **groupTextMarginTop**: `number`
- **groupTextStyle**: `string` — Gets or Sets the style to use for the Group text.
- **headerFormatCulture**: `string` — Gets or sets globalization culture applied to header only when it displays dates that are fetched from date/time axes
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
- **headerFormatDate**: `DataLegendHeaderDateMode` — Gets or sets date format for the header only when it displays dates that are fetched from date/time axes
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
- **headerFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the HeaderFormatString string.
- **headerFormatString**: `string` — Gets or sets the format string for header text displayed in the data legend.
- **headerFormatTime**: `DataLegendHeaderTimeMode` — Gets or sets time format for the header only when it displays dates that are fetched from date/time axes
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
- **headerRowMarginBottom**: `number`
- **headerRowMarginLeft**: `number`
- **headerRowMarginRight**: `number`
- **headerRowMarginTop**: `number`
- **headerRowVisible**: `boolean` — Gets or sets whether to show Header row.
- **headerText**: `string` — Gets or sets the HeaderText for the data legend.
- **headerTextColor**: `string` — Gets or sets the header text color.
- **headerTextMarginBottom**: `number`
- **headerTextMarginLeft**: `number`
- **headerTextMarginRight**: `number`
- **headerTextMarginTop**: `number`
- **headerTextStyle**: `string` — Gets or Sets the style to use for the header text.
- **height**: `string`
- **i**: `XamDataLegend`
- **includedColumns**: `string[]` — Gets or sets names of data columns or their labels to include in displaying in the data legend, e.g. "High, Low" or "H, L"
The ExcludedColumns property takes precedence over values of IncludedColumns property
- **includedSeries**: `string[]` — Gets or sets indexes, titles, or names of series to include in displaying in the data legend, e.g. "0, 1" or "Series1 Title, Series2 Title"
The ExcludedSeries property takes precedence over values of IncludedSeries property
- **isEmbeddedInDataTooltip**: `boolean` — Gets or sets whether the legend is embedded in a DataTooltip
- **labelDisplayMode**: `DataLegendLabelMode` — Gets or sets the mode for displaying labels before series values in the data legend, e.g. O: H: L: C: for financial series
- **labelTextColor**: `string` — Gets or sets the units text color.
- **labelTextMarginBottom**: `number`
- **labelTextMarginLeft**: `number`
- **labelTextMarginRight**: `number`
- **labelTextMarginTop**: `number`
- **labelTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **layoutMode**: `DataLegendLayoutMode` — Gets or sets the layout of content in the data legend
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control to appear blurry.
- **shouldUpdateWhenSeriesDataChanges**: `boolean` — Gets or sets whether the data legend should update when the series data is mutated.
- **styleGroupRow**: `any` — Event raised when styling the group row
- **styleHeaderRow**: `any` — Event raised when styling the header row
- **styleSeriesColumn**: `any` — Event raised when styling the label, value, and unit columns in series rows
- **styleSeriesRow**: `any` — Event raised when styling title and badge in series rows
- **styleSummaryColumn**: `any` — Event raised when styling the label, value, and unit columns in summary row
- **styleSummaryRow**: `any` — Event raised when styling title in the summary row
- **summaryLabelText**: `string` — Gets or sets the units text for the data legend.
- **summaryLabelTextColor**: `string` — Gets or sets the units text color.
- **summaryLabelTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **summaryRowMarginBottom**: `number`
- **summaryRowMarginLeft**: `number`
- **summaryRowMarginRight**: `number`
- **summaryRowMarginTop**: `number`
- **summaryTitleText**: `string` — Gets or sets the SummaryTitleText for the data legend.
- **summaryTitleTextColor**: `string` — Gets or sets the summary text color.
- **summaryTitleTextMarginBottom**: `number`
- **summaryTitleTextMarginLeft**: `number`
- **summaryTitleTextMarginRight**: `number`
- **summaryTitleTextMarginTop**: `number`
- **summaryTitleTextStyle**: `string` — Gets or Sets the style to use for the summary text.
- **summaryType**: `DataLegendSummaryType` — Gets or sets the SummaryType for the data legend.
- **summaryUnitsText**: `string` — Gets or sets the units text for the data legend.
- **summaryUnitsTextColor**: `string` — Gets or sets the units text color.
- **summaryUnitsTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **summaryValueTextColor**: `string` — Gets or sets the units text color.
- **summaryValueTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **target**: `any` — Gets or sets the target for the data legend.
- **targetCursorPositionX**: `number` — Gets or sets horizontal position (between 0.0 and 1.0) in viewport of the target component
- **targetCursorPositionY**: `number` — Gets or sets vertical position (between 0.0 and 1.0) in viewport of the target component
- **titleTextColor**: `string` — Gets or sets the display text color.
- **titleTextMarginBottom**: `number`
- **titleTextMarginLeft**: `number`
- **titleTextMarginRight**: `number`
- **titleTextMarginTop**: `number`
- **titleTextStyle**: `string` — Gets or Sets the style to use for the display text.
- **unitsDisplayMode**: `DataLegendUnitsMode` — Gets or sets the UnitsMode for the data legend.
- **unitsText**: `string` — Gets or sets the units text for the data legend.
- **unitsTextColor**: `string` — Gets or sets the units text color.
- **unitsTextMarginBottom**: `number`
- **unitsTextMarginLeft**: `number`
- **unitsTextMarginRight**: `number`
- **unitsTextMarginTop**: `number`
- **unitsTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **valueFormatAbbreviation**: `DataAbbreviationMode` — Gets or sets mode for abbreviating large numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueFormatCulture**: `string` — Gets or sets globalization culture when displaying values as currencies, e.g. use "en-GB" to display British pound symbol when the ValueFormatMode property is set to 'Currency' mode
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueFormatCurrencyCode**: `string` — Gets or sets the currency code used for displaying currency symbol next to values, e.g. USD for $, EUR for €
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueFormatMaxFractions**: `number` — Gets or sets maximum digits for formatting numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueFormatMinFractions**: `number` — Gets or sets minimum digits for formatting numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueFormatMode**: `DataLegendValueMode` — Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
- **valueFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the ValueFormatString string.
- **valueFormatString**: `string` — Gets or sets the format string for values displayed in the data legend.
- **valueFormatUseGrouping**: `boolean` — Gets or sets whether or not use grouping separator, e.g, 15,000 for 15000
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueRowMarginBottom**: `number`
- **valueRowMarginLeft**: `number`
- **valueRowMarginRight**: `number`
- **valueRowMarginTop**: `number`
- **valueRowVisible**: `boolean` — Gets or sets whether to show series rows.
- **valueTextColor**: `string` — Gets or sets the units text color.
- **valueTextMarginBottom**: `number`
- **valueTextMarginLeft**: `number`
- **valueTextMarginRight**: `number`
- **valueTextMarginTop**: `number`
- **valueTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **valueTextUseSeriesColors**: `boolean` — Gets or sets whether to use series colors when displaying values in the legend
- **valueTextWhenMissingData**: `string` — Gets or sets text displayed when data column is missing a value, e.g. "no data"
- **width**: `string`
- static **observedAttributes**: `string[]`
- **afterContentInit**(): void
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **destroy**(): void
- **disconnectedCallback**(): void
- **ensureActualBorderThickness**(): void
- **ensureBadgeMargin**(): void
- **ensureGroupRowMargin**(): void
- **ensureGroupTextMargin**(): void
- **ensureHeaderRowMargin**(): void
- **ensureHeaderTextMargin**(): void
- **ensureLabelTextMargin**(): void
- **ensureSummaryRowMargin**(): void
- **ensureSummaryTitleTextMargin**(): void
- **ensureTitleTextMargin**(): void
- **ensureUnitsTextMargin**(): void
- **ensureValueRowMargin**(): void
- **ensureValueTextMargin**(): void
- **exportSerializedVisualData**(): string — Returns the legend visuals expressed as a serialized string.
- **findByName**(name: string): any
- **flush**(): void — Forces any pending refresh to the legend to be finished.
- **getAbbreviatedNumber**(number: number, mode: any, minDigits: number, maxDigits: number): number
- **getAbbreviatedString**(number: number, mode: any, minDigits: number, maxDigits: number): string
- **getAbbreviatedSymbol**(number: number, mode: any, minDigits: number, maxDigits: number): string
- **notifySizeChanged**(): void — Notifies the legend about changes to size
- **updateStyle**(): void
- static **register**(): void

### [IgcDataLegendSeriesGroupInfo](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataLegendSeriesGroupInfo)
Represent info about series values

- **constructor**(): IgcDataLegendSeriesGroupInfo
- **findByName**(name: string): any

### [IgcDataLegendStylingColumnEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataLegendStylingColumnEventArgs)
Represents styling event args for a column in data legend

- **constructor**(): IgcDataLegendStylingColumnEventArgs
- **columnIndex**: `number` — Gets index of column
- **groupName**: `string` — Gets the group name associated with the column of Data Legend
- **labelText**: `string` — Gets or sets label text displayed before value text in the column
- **labelTextColor**: `string` — Gets or sets color of label text
- **seriesIndex**: `number` — Gets index of series
- **seriesTitle**: `string` — Gets title of series
- **unitsText**: `string` — Gets or sets unit text displayed after value text in the column
- **unitsTextColor**: `string` — Gets or sets color of value text
- **valueAbbreviation**: `DataAbbreviationMode` — Gets a mode used to abbreviate original value to ValueText
- **valueMemberLabel**: `string` — Gets label of data column that corresponds to the value, e.g. "Open"
- **valueMemberPath**: `string` — Gets name of data column that corresponds to the value, e.g. "OpenPrice"
- **valueOriginal**: `number` — Gets original value of series without any abbreviation or formatting
- **valueText**: `string` — Gets or sets value text displayed value text in the column
- **valueTextColor**: `string` — Gets or sets color of unit text

### [IgcDataLegendStylingRowEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataLegendStylingRowEventArgs)
Represents styling event args for a row in data legend

- **constructor**(): IgcDataLegendStylingRowEventArgs
- **badgeShape**: `LegendItemBadgeShape` — Gets or sets shape of legend badge in the Data Legend
This setting applies only to styling series rows
- **groupName**: `string` — Gets the group name associated with a row of Data Legend
- **isBadgeVisible**: `boolean` — Gets or sets whether the legend badge is visible in the Data Legend
This setting applies only to styling series rows
- **isRowVisible**: `boolean` — Gets or sets whether the whole row is visible in the Data Legend
- **seriesIndex**: `number` — Gets index of series in the chart
- **seriesTitle**: `string` — Gets title of series in the chart
- **titleText**: `string` — Gets or sets title text displayed in a row of Data Legend
- **titleTextColor**: `string` — Gets or sets color of title text

### [IgcDataLegendSummaryEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataLegendSummaryEventArgs)
Represents event argument for DataLegendSummaryCalculationCustom

- **constructor**(): IgcDataLegendSummaryEventArgs
- **columnMemberPath**: `string` — Gets member path to identify a column
- **columnValues**: `number[]` — Gets actual values in the current a column
- **summaryLabel**: `string` — Gets or sets text displayed or left side of SummaryValue
- **summaryUnits**: `string` — Gets or sets text displayed or right side of SummaryValue
- **summaryValue**: `number` — Gets or sets summary values displayed below data column

### [IgcDataPieBaseChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataPieBaseChartComponent)
Represents a base class for PieBase chart control that can plot scatter data

- **constructor**(): IgcDataPieBaseChartComponent
- **angleAxisFavorLabellingScaleEnd**: `boolean` — Gets or sets whether to favor labelling the end of the scale.
- **angleAxisInterval**: `number` — Gets or sets the frequency of displayed labels along the X-axis.
Gets or sets the set value is a factor that determines which labels will be hidden. For example, an interval of 2 will display every other label.
- **angleAxisMinorInterval**: `number` — Gets or sets the frequency of displayed minor lines along the X-axis.
Gets or sets the set value is a factor that determines how the minor lines will be displayed.
- **darkSliceLabelColor**: `string` — Gets or sets the Dark color to use for slice labels.
- **fireMouseLeaveOnManipulationStart**: `boolean` — Gets or sets whether the mouse leave event should fire when a manipulation is starting.
- **innerExtent**: `number` — Defines the percentage of the maximum radius extent to leave blank at the center of the chart. Should be
a value between 0.0 and 1.0.
- **labelMemberPath**: `string` — Gets or sets the overridden value member path to use.
- **legendEmptyValuesMode**: `LegendEmptyValuesMode`
- **legendLabelMemberPath**: `string` — Gets or sets the legend label member path to use.
- **legendOthersSliceLabelFormat**: `string` — Gets or sets the label format for the LegendOthersSlices.
- **legendOthersSliceLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the labels for the LegendOthersSlices.
- **legendSliceLabelContentMode**: `RadialLabelMode` — Gets or sets the label of the Others slice.
- **legendSliceLabelFormat**: `string` — Gets or sets the label format for the LegendSlices.
- **legendSliceLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the labels for the LegendSlices.
- **lightSliceLabelColor**: `string` — Gets or sets the light color to use for slice labels.
- **markerCollision**: `CollisionAvoidanceType` — Gets or sets collision avoidance between markers on series that support this behaviour.
- **othersCategoryBrush**: `string` — Gets or sets the palette of brushes to use for coloring the chart series.
- **othersCategoryOutline**: `string` — Gets or sets the brush to use as the outline of the Others slice.
- **othersCategoryText**: `string` — Gets or sets the label of the Others slice.
- **othersCategoryThreshold**: `number` — Gets or sets the threshold value that determines if slices are grouped into the Others slice.
- **othersCategoryType**: `OthersCategoryType` — Gets or sets whether to use numeric or percent-based threshold value.
- **othersSliceLabelFormat**: `string` — Gets or sets the label format for the OthersSlices.
- **othersSliceLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the labels for the OthersSlices.
- **radiusExtent**: `number` — Gets or sets the extent of the chart's radius. Value between 0 and 1.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the slice.
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the slice.
- **selectionThickness**: `number` — Gets or sets line thickness when the series is selected.
- **sliceLabelContentMode**: `RadialLabelMode` — Gets or sets the label of the Others slice.
- **sliceLabelContentSeparator**: `string` — Gets or sets the label of the Others slice.
- **sliceLabelFormat**: `string` — Gets or sets the label format for the slices.
- **sliceLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the labels for the slices.
- **sliceLabelPositionMode**: `CalloutCollisionMode` — Defines the positioning mode of the slice labels for the pie chart.
- **startAngle**: `number` — Gets or sets the start angle to use for the pie chart measured in degrees from the positive x axis.
- **sweepDirection**: `PieChartSweepDirection` — Defines the percentage of the maximum radius extent to leave blank at the center of the chart. Should be
a value between 0.0 and 1.0.
- **useInsetOutlines**: `boolean` — Specifies that slice outlines should be drawn inside the slice rather than halfway
in and halfway out.
- **valueAxisAbbreviateLargeNumbers**: `boolean` — Gets or sets whether the large numbers on the Y-axis labels are abbreviated.
- **valueAxisActualMaximum**: `number` — Gets the current maximum value for the Y-axis.
- **valueAxisActualMinimum**: `number` — Gets the current minimum value for the Y-axis.
- **valueAxisAutoRangeBufferMode**: `AxisRangeBufferMode` — Gets or sets how the numeric axis will adjust its range buffer to less closely fix the data from the series.
- **valueAxisFavorLabellingScaleEnd**: `boolean` — Gets or sets whether the axis should favor emitting a label at the end of the scale.
- **valueAxisInterval**: `number` — Gets or sets the distance between each label and grid line along the Y-axis.
- **valueAxisIsLogarithmic**: `boolean` — Gets or sets whether the Y-axis should use a logarithmic scale instead of a linear one.
Since log(-1) is imaginary and log(0) is undefined, it is recommended to enable this property only when the Y-axis minimum is greater than zero.
- **valueAxisLogarithmBase**: `number` — Gets or sets the base value to use in the log function when mapping the position of data items along the Y-axis.
This property is effective only when ValueAxisIsLogarithmic is true.
- **valueAxisMaximumValue**: `number` — Gets or sets the data value corresponding to the maximum value of the Y-axis.
- **valueAxisMinimumValue**: `number` — Gets or sets the data value corresponding to the minimum value of the Y-axis.
- **valueAxisMinorInterval**: `number` — Gets or sets the frequency of displayed minor lines along the Y-axis.
- **valueMemberPath**: `string` — Gets or sets the overridden value member path to use.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getOthersContext**(): IgcOthersCategoryContextComponent — Gets the Others context which provides a current list of items in Others slice.

### [IgcDataPieChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataPieChartComponent)
Represents a DataPie chart control that can plot DataPie data

- **constructor**(): IgcDataPieChartComponent
- static **htmlTagName**: `string`
- **chartType**: `DataPieChartType` — Gets or sets the type of chart series to generate from the data.
- **dataSource**: `any[]`
- **domainType**: `DomainType` — Gets the domain type of this chart
- **height**: `string`
- **isTransitionInEnabled**: `boolean` — Gets or sets whether animation of series plots is enabled when the chart is loading into view
- **transitionInDuration**: `number` — Gets or sets the duration used for animating series plots when the chart is loading into view
- **transitionInEasingFunction**: `any` — Gets or sets the easing function used for animating series plots when the chart is loading into view
This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
- **transitionInMode**: `CategoryTransitionInMode` — Gets or sets the method that determines how to animate series plots when the chart is loading into view
- **transitionInSpeedType**: `TransitionInSpeedType` — Gets or sets the arrival speed used for animating series plots when the chart is loading into view
- **transitionOutDuration**: `number` — Gets or sets the duration used for animating series plots when the series is leaving view
- **transitionOutEasingFunction**: `any` — Gets or sets the easing function used for animating series plots when the chart is loading into view
This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
- **width**: `string`
- static **observedAttributes**: `string[]`
- **afterContentInit**(): void
- **bindData**(): void
- **connectedCallback**(): void
- **destroy**(): void — Destroy this control


Use the destroy property to destroy the chart.

this.chart.destroy();
- **disconnectedCallback**(): void
- **exportSerializedVisualData**(): string — Export serialized visual data.
- **initializeContent**(): void
- static **register**(): void

### [IgcDataSourceSupportingCalculation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataSourceSupportingCalculation)
Represents a calculation strategy that uses the calculation data source
to product a column of values.

DataSourceSupportingCalculation class Represents a calculation strategy that uses the calculation data source to product a column of values.

    DataSourceSupportingCalculation SC = new DataSourceSupportingCalculation();

- **constructor**(): IgcDataSourceSupportingCalculation
- **findByName**(name: string): any

### [IgcDataToolTipLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDataToolTipLayerComponent)
Represents an annotation layer that displays grouped tooltips with summaries for series.

- **constructor**(): IgcDataToolTipLayerComponent
- static **htmlTagName**: `string`
- **actualGroupedPositionModeX**: `DataTooltipGroupedPositionX` — Gets the actual resolved tooltip position mode on the X axis for grouped series.
- **actualGroupedPositionModeY**: `DataTooltipGroupedPositionY` — Gets the actual resolved tooltip position mode on the Y axis for grouped series.
- **actualGroupingMode**: `DataToolTipLayerGroupingMode` — Gets the actual resolved tooltip layer grouping mode.
- **badgeMarginBottom**: `number`
- **badgeMarginLeft**: `number`
- **badgeMarginRight**: `number`
- **badgeMarginTop**: `number`
- **badgeShape**: `LegendItemBadgeShape` — Gets or sets the BadgeShape for the data legend.
- **defaultPositionOffsetX**: `number` — Gets or sets the default offset of the tooltip layer on the X axis.
- **defaultPositionOffsetY**: `number` — Gets or sets the default offset of the tooltip layer on the Y axis.
- **excludedColumns**: `string[]` — Gets or sets names of data columns or their labels to exclude from displaying in the data tooltip, e.g. "High, Low" or "H, L"
The ExcludedColumns property takes precedence over values of IncludedColumns property
- **excludedSeries**: `string[]` — Gets or sets indexes, titles, or names of series to exclude from displaying in the data legend, e.g. "0, 1" or "Series1 Title, Series2 Title"
The ExcludedSeries property takes precedence over values of IncludedSeries property
- **groupedPositionModeX**: `DataTooltipGroupedPositionX` — Gets or sets the tooltip position mode on the X axis for grouped series.
- **groupedPositionModeY**: `DataTooltipGroupedPositionY` — Gets or sets the tooltip position mode on the Y axis for grouped series.
- **groupingMode**: `DataToolTipLayerGroupingMode` — Gets or sets the grouping mode to apply to use for the tooltip layer.
- **groupRowMarginBottom**: `number`
- **groupRowMarginLeft**: `number`
- **groupRowMarginRight**: `number`
- **groupRowMarginTop**: `number`
- **groupRowVisible**: `boolean` — Gets or sets whether to show Header row.
- **groupTextColor**: `string` — Gets or sets the Group text color.
- **groupTextMarginBottom**: `number`
- **groupTextMarginLeft**: `number`
- **groupTextMarginRight**: `number`
- **groupTextMarginTop**: `number`
- **groupTextStyle**: `string` — Gets or Sets the style to use for the Group text.
- **headerFormatCulture**: `string` — Gets or sets globalization culture when displaying header as date time
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
- **headerFormatDate**: `DataLegendHeaderDateMode` — Gets or sets date format for the header
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
- **headerFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the HeaderFormatString string.
- **headerFormatString**: `string` — Gets or sets the format string for header text displayed in the data legend.
- **headerFormatTime**: `DataLegendHeaderTimeMode` — Gets or sets time format for the header
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
- **headerRowMarginBottom**: `number`
- **headerRowMarginLeft**: `number`
- **headerRowMarginRight**: `number`
- **headerRowMarginTop**: `number`
- **headerRowVisible**: `boolean` — Gets or sets whether to show Header row.
- **headerText**: `string` — Gets or sets the HeaderText for the data legend.
- **headerTextColor**: `string` — Gets or sets the header text color.
- **headerTextMarginBottom**: `number`
- **headerTextMarginLeft**: `number`
- **headerTextMarginRight**: `number`
- **headerTextMarginTop**: `number`
- **headerTextStyle**: `string` — Gets or Sets the style to use for the header text.
- **includedColumns**: `string[]` — Gets or sets names of data columns or their labels to include in displaying in the data tooltip, e.g. "High, Low" or "H, L"
The ExcludedColumns property takes precedence over values of IncludedColumns property
- **includedSeries**: `string[]` — Gets or sets indexes, titles, or names of series to include in displaying in the data legend, e.g. "0, 1" or "Series1 Title, Series2 Title"
The ExcludedSeries property takes precedence over values of IncludedSeries property
- **isAnnotationHoverLayer**: `boolean` — Gets whether the series is an annotation layer displayed only when hovering over the chart.
- **isDefaultTooltipBehaviorDisabled**: `boolean` — Gets whether the default tooltip behaviors for the chart are disabled if this layer is present.
- **isToolTipLayer**: `boolean` — Gets whether the series is an annotation layer.
- **labelDisplayMode**: `DataLegendLabelMode` — Gets or sets the mode for displaying labels before series values in the data legend, e.g. O: H: L: C: for financial series
- **labelTextColor**: `string` — Gets or sets the units text color.
- **labelTextMarginBottom**: `number`
- **labelTextMarginLeft**: `number`
- **labelTextMarginRight**: `number`
- **labelTextMarginTop**: `number`
- **labelTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **layoutMode**: `DataLegendLayoutMode` — Gets or sets the layout of content in the data legend
- **positionOffsetX**: `number` — Gets or sets the offset of the tooltip layer on the X axis.
- **positionOffsetY**: `number` — Gets or sets the offset of the tooltip layer on the Y axis.
- **shouldUpdateWhenSeriesDataChanges**: `boolean` — Gets or sets whether the data legend should update when the series data is mutated.
- **summaryLabelText**: `string` — Gets or sets the units text for the data legend.
- **summaryLabelTextColor**: `string` — Gets or sets the units text color.
- **summaryLabelTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **summaryRowMarginBottom**: `number`
- **summaryRowMarginLeft**: `number`
- **summaryRowMarginRight**: `number`
- **summaryRowMarginTop**: `number`
- **summaryTitleText**: `string` — Gets or sets the SummaryTitleText for the data legend.
- **summaryTitleTextColor**: `string` — Gets or sets the summary text color.
- **summaryTitleTextMarginBottom**: `number`
- **summaryTitleTextMarginLeft**: `number`
- **summaryTitleTextMarginRight**: `number`
- **summaryTitleTextMarginTop**: `number`
- **summaryTitleTextStyle**: `string` — Gets or Sets the style to use for the summary text.
- **summaryType**: `DataLegendSummaryType` — Gets or sets the SummaryType for the data legend.
- **summaryUnitsText**: `string` — Gets or sets the units text for the data legend.
- **summaryUnitsTextColor**: `string` — Gets or sets the units text color.
- **summaryUnitsTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **summaryValueTextColor**: `string` — Gets or sets the units text color.
- **summaryValueTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **targetAxis**: `IgcAxisComponent` — Gets or sets the Axis to target this annotation to. If null, this annotation layer will not render content.
- **targetAxisName**: `string` — Gets or sets the name to use to resolve targetAxis from markup.
- **titleTextColor**: `string` — Gets or sets the display text color.
- **titleTextMarginBottom**: `number`
- **titleTextMarginLeft**: `number`
- **titleTextMarginRight**: `number`
- **titleTextMarginTop**: `number`
- **titleTextStyle**: `string` — Gets or Sets the style to use for the display text.
- **toolTipBackground**: `string` — Gets or sets the background of the tooltip containers.
- **toolTipBorderBrush**: `string` — Gets or sets the border color of the tooltip containers.
- **toolTipBorderThickness**: `number` — Gets or sets the border thickness of the tooltip containers.
- **unitsDisplayMode**: `DataLegendUnitsMode` — Gets or sets the UnitsMode for the data legend.
- **unitsText**: `string` — Gets or sets the units text for the data legend.
- **unitsTextColor**: `string` — Gets or sets the units text color.
- **unitsTextMarginBottom**: `number`
- **unitsTextMarginLeft**: `number`
- **unitsTextMarginRight**: `number`
- **unitsTextMarginTop**: `number`
- **unitsTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **useInterpolation**: `boolean` — Gets or sets whether to use value interpolation when drawing the tooltips.
- **valueFormatAbbreviation**: `DataAbbreviationMode` — Gets or sets mode for abbreviating large numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueFormatCulture**: `string` — Gets or sets globalization culture when displaying values as currencies, e.g. use "en-GB" to display British pound symbol when the ValueFormatMode property is set to 'Currency' mode
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueFormatMaxFractions**: `number` — Gets or sets maximum digits for formatting numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueFormatMinFractions**: `number` — Gets or sets minimum digits for formatting numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueFormatMode**: `DataLegendValueMode` — Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
- **valueFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the ValueFormatString string.
- **valueFormatString**: `string` — Gets or sets the format string for values displayed in the data legend.
- **valueFormatUseGrouping**: `boolean` — Gets or sets whether or not use grouping separator, e.g, 15,000 for 15000
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **valueRowMarginBottom**: `number`
- **valueRowMarginLeft**: `number`
- **valueRowMarginRight**: `number`
- **valueRowMarginTop**: `number`
- **valueRowVisible**: `boolean` — Gets or sets whether to show series rows.
- **valueTextColor**: `string` — Gets or sets the units text color.
- **valueTextMarginBottom**: `number`
- **valueTextMarginLeft**: `number`
- **valueTextMarginRight**: `number`
- **valueTextMarginTop**: `number`
- **valueTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **valueTextUseSeriesColors**: `boolean` — Gets or sets whether to use series colors when displaying values in the legend
- **valueTextWhenMissingData**: `string` — Gets or sets text displayed when data column is missing a value, e.g. "no data"
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **ensureBadgeMargin**(): void
- **ensureGroupRowMargin**(): void
- **ensureGroupTextMargin**(): void
- **ensureHeaderRowMargin**(): void
- **ensureHeaderTextMargin**(): void
- **ensureLabelTextMargin**(): void
- **ensureSummaryRowMargin**(): void
- **ensureSummaryTitleTextMargin**(): void
- **ensureTitleTextMargin**(): void
- **ensureUnitsTextMargin**(): void
- **ensureValueRowMargin**(): void
- **ensureValueTextMargin**(): void
- **findByName**(name: string): any
- **hideToolTips**(): void — Hides any tooltips presented by the layer, if any.
- **hideToolTipsImmediate**(): void — Hides any tooltips presented by the layer, if any.
- static **register**(): void

### [IgcDetrendedPriceOscillatorIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDetrendedPriceOscillatorIndicatorComponent)
Represents a IgxDataChartComponent Detrended Price Oscillator indicator series.
Default required members: Close

The DetrendedPriceOscillatorIndicator class represents a IgxDataChartComponent Detrended Price Oscillator indicator series.

- **constructor**(): IgcDetrendedPriceOscillatorIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current DetrendedPriceOscillatorIndicator object.
The typical, and initial, value for DPO periods is 20.

You can use the period to set the current moving average period.

this.series.period = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcDomainChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDomainChartComponent)

- **constructor**(): IgcDomainChartComponent
- **actualBrushes**: `string[]` — Gets the actual palette of brushes to use for coloring the chart series.
- **actualOutlines**: `string[]` — Gets the actual palette of brushes to use for outlines on the chart series.
- **alignsGridLinesToPixels**: `boolean` — Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.

Use AlignsGridLinesToPixels propert to indicat whether grid and tick lines are aligned to device pixels.

 this.chart.alignsGridLinesToPixels= true;
- **animateSeriesWhenAxisRangeChanges**: `boolean` — Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.
- **areaFillOpacity**: `number` — Gets or sets the fill opacity for all series that have area visuals in this chart.
For example, Area, SplineArea, Column chart types
- **autoCalloutsVisible**: `boolean` — Gets or sets if the auto value callouts should be displayed.
- **bottomMargin**: `number` — Gets or sets the bottom margin around the chart content.

Use the bottomMargin property for the bottom margin around the chart content.

this.chart.bottomMargin=20;
- **brushes**: `string[]` — Gets or sets the palette of brushes to use for coloring the chart series.
The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection

Use the Brushes property to  set the brushes.

this.chart.brushes = ["#ff0000","#00ff00"];
- **calloutCollisionMode**: `CalloutCollisionMode` — Gets or sets if event annotations should be displayed.
- **calloutLabelUpdating**: `any` — Occurs when the style of a callout is updated.
- **calloutRenderStyleUpdating**: `any` — Occurs when the style of a callout is updated.
- **calloutsAllowedPositions**: `IgcCalloutPlacementPositionsCollection` — Gets or sets the allowed positions that the callout layer is allowed to use.
- **calloutsAutoLabelPrecision**: `number` — Gets or sets the amount of precision to apply to the auto callout labels.
- **calloutsBackground**: `string` — Gets or sets color of the callout background.
- **calloutsContentMemberPath**: `string` — Gets or sets the member path of the content data for the callouts.
- **calloutsDarkTextColor**: `string` — Gets or sets the text color on light callout background.
- **calloutsDataSource**: `any[]`
- **calloutsLabelMemberPath**: `string` — Gets or sets the member path of the label data for the callouts.
- **calloutsLeaderBrush**: `string` — Gets or sets color of callout's leader lines.
- **calloutsLightTextColor**: `string` — Gets or sets the text color on dark callout background.
- **calloutsOutline**: `string` — Gets or sets color of the callout outlines.
- **calloutsStrokeThickness**: `number` — Gets or sets if the thickness that should be used for the callout outlines.
- **calloutsTextColor**: `string` — Gets or sets text color of callout.
- **calloutsTextStyle**: `string` — Gets or sets the font for callout text.
- **calloutStyleUpdating**: `any` — Occurs when the style of a callout is updated.
- **calloutStyleUpdatingEventEnabled**: `boolean` — Gets or sets if event annotations should be displayed.
- **calloutsUseAutoContrastingLabelColors**: `boolean` — Gets or sets whether to the label color is automatically decided between a light and dark option for contrast.
- **calloutsUseItemColorForFill**: `boolean` — Gets or sets if the series item color should be used for the callout fills.
- **calloutsUseItemColorForOutline**: `boolean` — Gets or sets if the series item color should be used for the callout outlines.
- **calloutsVisible**: `boolean` — Gets or sets if callouts should be displayed.
- **calloutsXMemberPath**: `string` — Gets or sets the member path of the X data for the callouts.
- **calloutsYMemberPath**: `string` — Gets or sets the member path of the Y data for the callouts.
- **chartTitle**: `string` — Gets or sets text to display above the plot area.

Use the Title property to display the text above the plot area.

 this.chart.title= "This is a Title";
- **computedPlotAreaMarginMode**: `ComputedPlotAreaMarginMode` — Gets or sets mode to use for automatically calculating the plot area margin.
- **crosshairsAnnotationEnabled**: `boolean` — Gets or sets whether annotations are shown along the axis for crosshair values
- **crosshairsAnnotationXAxisBackground**: `string` — Gets or sets the background of crosshair annotation on x-axis.
- **crosshairsAnnotationXAxisPrecision**: `number` — Gets or sets precision on interpolated values of crosshairs on x-axis.
- **crosshairsAnnotationXAxisTextColor**: `string` — Gets or sets the text color of crosshair annotation on x-axis.
- **crosshairsAnnotationYAxisBackground**: `string` — Gets or sets the background of crosshair annotation on y-axis.
- **crosshairsAnnotationYAxisPrecision**: `number` — Gets or sets precision on interpolated values of crosshairs on y-axis.
- **crosshairsAnnotationYAxisTextColor**: `string` — Gets or sets the text color of crosshair annotation on y-axis.
- **crosshairsDisplayMode**: `CrosshairsDisplayMode` — Gets or sets the crosshairs to be displayed.
- **crosshairsLineHorizontalStroke**: `string` — Gets or sets the color to apply to horizontal crosshairs line.
- **crosshairsLineThickness**: `number` — Gets or sets thickness of crosshairs lines.
- **crosshairsLineVerticalStroke**: `string` — Gets or sets the color to apply to vertical crosshairs line.
- **crosshairsSkipInvalidData**: `boolean` — Gets or sets whether axis annotation are skipped for invalid data in a given position.
- **crosshairsSkipZeroValueFragments**: `boolean` — Gets or sets whether axis annotation are skipped for zero-value fragments in a given position.
- **crosshairsSnapToData**: `boolean` — Gets or sets whether crosshairs will snap to the nearest data point.
- **dataToolTipBadgeMarginBottom**: `number`
- **dataToolTipBadgeMarginLeft**: `number`
- **dataToolTipBadgeMarginRight**: `number`
- **dataToolTipBadgeMarginTop**: `number`
- **dataToolTipBadgeShape**: `LegendItemBadgeShape` — Gets or sets the BadgeShape for the data legend.
- **dataToolTipDefaultPositionOffsetX**: `number` — Gets or sets the offset of the tooltip layer on the X axis.
- **dataToolTipDefaultPositionOffsetY**: `number` — Gets or sets the offset of the tooltip layer on the Y axis.
- **dataToolTipExcludedColumns**: `string[]` — Gets or sets names of data columns or their labels to exclude from displaying in the data legend, e.g. "High, Low" or "H, L"
The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property
- **dataToolTipExcludedSeries**: `string[]` — Gets or sets indexes, titles, or names of series to exclude from displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title"
The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property
- **dataToolTipGroupedPositionModeX**: `DataTooltipGroupedPositionX` — Gets or sets the tooltip position mode on the X axis for grouped series.
- **dataToolTipGroupedPositionModeY**: `DataTooltipGroupedPositionY` — Gets or sets the tooltip position mode on the Y axis for grouped series.
- **dataToolTipGroupingMode**: `DataToolTipLayerGroupingMode`
- **dataToolTipGroupRowMarginBottom**: `number`
- **dataToolTipGroupRowMarginLeft**: `number`
- **dataToolTipGroupRowMarginRight**: `number`
- **dataToolTipGroupRowMarginTop**: `number`
- **dataToolTipGroupRowVisible**: `boolean` — Gets or sets whether to show Group row.
- **dataToolTipGroupTextColor**: `string` — Gets or sets the Group text color.
- **dataToolTipGroupTextMarginBottom**: `number`
- **dataToolTipGroupTextMarginLeft**: `number`
- **dataToolTipGroupTextMarginRight**: `number`
- **dataToolTipGroupTextMarginTop**: `number`
- **dataToolTipGroupTextStyle**: `string` — Gets or Sets the style to use for the Group text.
- **dataToolTipHeaderFormatCulture**: `string` — Gets or sets globalization culture when displaying header as date time
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
- **dataToolTipHeaderFormatDate**: `DataLegendHeaderDateMode` — Gets or sets date format for the header
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
- **dataToolTipHeaderFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the HeaderFormatString string.
- **dataToolTipHeaderFormatString**: `string` — Gets or sets the format string for header text displayed in the data legend.
- **dataToolTipHeaderFormatTime**: `DataLegendHeaderTimeMode` — Gets or sets time format for the header
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
- **dataToolTipHeaderRowMarginBottom**: `number`
- **dataToolTipHeaderRowMarginLeft**: `number`
- **dataToolTipHeaderRowMarginRight**: `number`
- **dataToolTipHeaderRowMarginTop**: `number`
- **dataToolTipHeaderRowVisible**: `boolean` — Gets or sets whether to show Header row.
- **dataToolTipHeaderText**: `string` — Gets or sets the HeaderText for the data legend.
- **dataToolTipHeaderTextColor**: `string` — Gets or sets the header text color.
- **dataToolTipHeaderTextMarginBottom**: `number`
- **dataToolTipHeaderTextMarginLeft**: `number`
- **dataToolTipHeaderTextMarginRight**: `number`
- **dataToolTipHeaderTextMarginTop**: `number`
- **dataToolTipHeaderTextStyle**: `string` — Gets or Sets the style to use for the header text.
- **dataToolTipIncludedColumns**: `string[]` — Gets or sets names of data columns or their labels to include in displaying in the data legend, e.g. "High, Low" or "H, L"
The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property
- **dataToolTipIncludedSeries**: `string[]` — Gets or sets indexes, titles, or names of series to include in displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title"
The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property
- **dataToolTipLabelDisplayMode**: `DataLegendLabelMode` — Gets or sets the mode for displaying labels before series values in the data legend, e.g. O: H: L: C: for financial series
- **dataToolTipLabelTextColor**: `string` — Gets or sets the units text color.
- **dataToolTipLabelTextMarginBottom**: `number`
- **dataToolTipLabelTextMarginLeft**: `number`
- **dataToolTipLabelTextMarginRight**: `number`
- **dataToolTipLabelTextMarginTop**: `number`
- **dataToolTipLabelTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **dataToolTipPositionOffsetX**: `number` — Gets or sets the offset of the tooltip layer on the X axis.
- **dataToolTipPositionOffsetY**: `number` — Gets or sets the offset of the tooltip layer on the Y axis.
- **dataToolTipShouldUpdateWhenSeriesDataChanges**: `boolean` — Gets or sets whether the data legend should update when the series data is mutated.
- **dataToolTipSummaryLabelText**: `string` — Gets or sets the units text for the data legend.
- **dataToolTipSummaryLabelTextColor**: `string` — Gets or sets the units text color.
- **dataToolTipSummaryLabelTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **dataToolTipSummaryRowMarginBottom**: `number`
- **dataToolTipSummaryRowMarginLeft**: `number`
- **dataToolTipSummaryRowMarginRight**: `number`
- **dataToolTipSummaryRowMarginTop**: `number`
- **dataToolTipSummaryTitleText**: `string` — Gets or sets the SummaryTitleText for the data legend.
- **dataToolTipSummaryTitleTextColor**: `string` — Gets or sets the summary text color.
- **dataToolTipSummaryTitleTextMarginBottom**: `number`
- **dataToolTipSummaryTitleTextMarginLeft**: `number`
- **dataToolTipSummaryTitleTextMarginRight**: `number`
- **dataToolTipSummaryTitleTextMarginTop**: `number`
- **dataToolTipSummaryTitleTextStyle**: `string` — Gets or Sets the style to use for the summary text.
- **dataToolTipSummaryType**: `DataLegendSummaryType` — Gets or sets the SummaryType for the data legend.
- **dataToolTipSummaryUnitsText**: `string` — Gets or sets the units text for the data legend.
- **dataToolTipSummaryUnitsTextColor**: `string` — Gets or sets the units text color.
- **dataToolTipSummaryUnitsTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **dataToolTipSummaryValueTextColor**: `string` — Gets or sets the units text color.
- **dataToolTipSummaryValueTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **dataToolTipTitleTextColor**: `string` — Gets or sets the display text color.
- **dataToolTipTitleTextMarginBottom**: `number`
- **dataToolTipTitleTextMarginLeft**: `number`
- **dataToolTipTitleTextMarginRight**: `number`
- **dataToolTipTitleTextMarginTop**: `number`
- **dataToolTipTitleTextStyle**: `string` — Gets or Sets the style to use for the display text.
- **dataToolTipUnitsDisplayMode**: `DataLegendUnitsMode` — Gets or sets the UnitsMode for the data legend.
- **dataToolTipUnitsText**: `string` — Gets or sets the units text for the data legend.
- **dataToolTipUnitsTextColor**: `string` — Gets or sets the units text color.
- **dataToolTipUnitsTextMarginBottom**: `number`
- **dataToolTipUnitsTextMarginLeft**: `number`
- **dataToolTipUnitsTextMarginRight**: `number`
- **dataToolTipUnitsTextMarginTop**: `number`
- **dataToolTipUnitsTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **dataToolTipValueFormatAbbreviation**: `DataAbbreviationMode` — Gets or sets mode for abbreviating large numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **dataToolTipValueFormatCulture**: `string` — Gets or sets globalization culture when displaying values as currencies, e.g. use "en-GB" to display British pound symbol when the ValueFormatMode property is set to 'Currency' mode
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **dataToolTipValueFormatMaxFractions**: `number` — Gets or sets maximum digits for formatting numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **dataToolTipValueFormatMinFractions**: `number` — Gets or sets minimum digits for formatting numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **dataToolTipValueFormatMode**: `DataLegendValueMode` — Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
- **dataToolTipValueFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the ValueFormatString string.
- **dataToolTipValueFormatString**: `string` — Gets or sets the format string for values displayed in the data legend.
- **dataToolTipValueFormatUseGrouping**: `boolean` — Gets or sets whether or not use grouping separator, e.g, 15,000 for 15000
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
- **dataToolTipValueRowMarginBottom**: `number`
- **dataToolTipValueRowMarginLeft**: `number`
- **dataToolTipValueRowMarginRight**: `number`
- **dataToolTipValueRowMarginTop**: `number`
- **dataToolTipValueRowVisible**: `boolean` — Gets or sets whether to show series rows.
- **dataToolTipValueTextColor**: `string` — Gets or sets the units text color.
- **dataToolTipValueTextMarginBottom**: `number`
- **dataToolTipValueTextMarginLeft**: `number`
- **dataToolTipValueTextMarginRight**: `number`
- **dataToolTipValueTextMarginTop**: `number`
- **dataToolTipValueTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **dataToolTipValueTextUseSeriesColors**: `boolean` — Gets or sets whether to use series colors when displaying values in the legend
- **dataToolTipValueTextWhenMissingData**: `string` — Gets or sets text displayed when data column is missing a value, e.g. "no data"
- **domainType**: `DomainType` — Gets the domain type of this chart
- **excludedProperties**: `string[]` — Gets or sets a set of property paths that should be excluded from consideration by the category chart.

The ExcludedProperties property used for the property paths that should be excluded from consideration by the category chart.

this.chart.excludedProperties = ["ID", "Discount"];
- **filterExpressions**: `IgcFilterExpressionCollection` — Gets the current filter that is applied to the chart. Collection can be updated to modify the filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties.
- **filterStringErrorsParsing**: `any`
- **finalValueAnnotationsBackground**: `string` — Gets or sets the background of final value annotation.
- **finalValueAnnotationsPrecision**: `number` — Gets or sets precision on final value annotation.
- **finalValueAnnotationsTextColor**: `string` — Gets or sets the text color of final value annotation.
- **finalValueAnnotationsVisible**: `boolean` — Gets or sets whether annotations for the final value of each series is displayed on the axis.
- **focusBrush**: `string` — Gets or sets the focus brush to use for the series.
- **focusDismissDelayMilliseconds**: `number` — Gets or sets the time to wait before visually dismissing a focus highlight.
- **focusedSeriesItems**: `IgcChartSelectedItemCollection` — Gets the currently focused data items.  Adding or removing data items from this collection will
focus or blur the visuals associated with those items.
- **focusedSeriesItemsChanged**: `any`
- **focusMode**: `SeriesSelectionMode` — Gets or sets the focus mode to use for the series in the component, when supported.
- **focusTransitionDuration**: `number` — Gets or sets the duration used for animating Focus changes
- **groupDescriptions**: `IgcChartSortDescriptionCollection` — Gets the current grouping that is applied to the grid. Collection can be updated to modify the grouping for the grid. Once grouping descriptions are in this collection, the grid will no longer listen for changes on their properties.
- **groupSortDescriptions**: `IgcChartSortDescriptionCollection`
- **groupSorts**: `string` — Gets or sets the sorts to apply after grouping has been applied.
- **highlightedDataSource**: `any` — Gets or sets a collection of data items used to generate the chart.
The HighlightedItemsSource of this chart can be a list of objects containing one or more numeric properties.
Additionally, if the objects in the list implement the IEnumerable interface,
the Chart will attempt to delve into the sub-collections when reading through the data source.
Data binding can be further configured by attributing the data item classes
with the DataSeriesMemberIntentAttribute.
- **highlightedLegendItemVisibility**: `Visibility` — Gets or sets whether the chart can highlight series through user interactions.
This property applies to Category Chart and Financial Chart controls.
- **highlightedValuesDisplayMode**: `SeriesHighlightedValuesDisplayMode` — Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
This property applies to Category Chart and Financial Chart controls.
- **highlightFilterExpressions**: `IgcFilterExpressionCollection` — Gets the current highlight filter that is applied to the chart. Collection can be updated to modify the highlight filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties.
- **highlightingBehavior**: `SeriesHighlightingBehavior` — Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.
- **highlightingDismissDelayMilliseconds**: `number` — Gets or sets the time to wait before visually dismissing a highlight.
- **highlightingFadeOpacity**: `number` — Gets or sets the target opacity to fade to for fade style highlighting.
- **highlightingMode**: `SeriesHighlightingMode` — Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.
- **highlightingTransitionDuration**: `number` — Gets or sets the duration used for animating highlighting changes
- **horizontalViewScrollbarCornerRadius**: `number` — Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarFill**: `string` — Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarHeight**: `number` — Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarInset**: `number` — Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarMaxOpacity**: `number` — Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarMode**: `SeriesViewerScrollbarMode` — Gets or sets the horizontal scrollbar mode to use for the series viewer.
- **horizontalViewScrollbarOutline**: `string` — Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarPosition**: `SeriesViewerHorizontalScrollbarPosition` — Gets or sets the position to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarShouldAddAutoTrackInsets**: `boolean` — Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarStrokeThickness**: `number` — Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarTrackEndInset**: `number` — Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarTrackStartInset**: `number` — Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.
- **i**: `DomainChart`
- **includedProperties**: `string[]` — Gets or sets a set of property paths that should be included for consideration by the category chart, leaving the remainder excluded. If null, all properties will be considered.

The IncludedProperties property used to include the properties for the consideration of the category chart.

this.chart.includedProperties = ["ProductName", "Cost"];
- **initialFilter**: `string` — Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
- **initialFilterExpressions**: `IgcFilterExpressionCollection` — Gets the initial filters that are applied to the chart.
- **initialGroupDescriptions**: `IgcChartSortDescriptionCollection` — Gets the initial groupings that are applied to the chart.
- **initialGroups**: `string` — Gets or sets the groupings to apply to the chart. This property will become ignored if sorts are changed outside of this property.
- **initialGroupSortDescriptions**: `IgcChartSortDescriptionCollection` — Gets the initial sorts that are applied to the chart after groupings and summaries are applied.
- **initialHighlightFilter**: `string` — Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
- **initialHighlightFilterExpressions**: `IgcFilterExpressionCollection` — Gets the initial highlight filters that are applied to the chart.
- **initialSortDescriptions**: `IgcChartSortDescriptionCollection` — Gets the initial sorts that are applied to the chart.
- **initialSorts**: `string` — Gets or sets the sorts to apply to the chart. This property will become ignored if sorts are changed outside of this property.
- **initialSummaries**: `string` — Gets or sets the summaries to apply to the chart. This property will become ignored if sorts are changed outside of this property.
- **initialSummaryDescriptions**: `IgcChartSummaryDescriptionCollection` — Gets the initial summaries that are applied to the chart.
- **isDetached**: `boolean`
- **isHorizontalZoomEnabled**: `boolean` — Gets or sets whether the chart can be horizontally zoomed through user interactions.

Use the IsHorizontalZoomEnabled property to allow chart horizontally zoomed .

this.chart.isHorizontalZoomEnabled = true;
- **isSeriesHighlightingEnabled**: `boolean` — Gets or sets whether the chart can highlight series through user interactions.
This property applies to Category Chart and Financial Chart controls.
- **isUserAnnotationsEnabled**: `boolean` — Gets or sets whether initiating user annotations from the toolbar is enabled.
- **isVerticalZoomEnabled**: `boolean` — Gets or sets whether the chart can be vertically zoomed through user interactions.

Use the IsVerticalZoomEnabled property to allow chart zoom vertically.

 this.chart.isVerticalZoomEnabled = true;
- **leftMargin**: `number` — Gets or sets the left margin of the chart content.

Use the 'leftMargin' property for the left margin of the chart content.

 this.chart.leftMargin = 20;
- **legend**: `any`
- **legendHighlightingMode**: `LegendHighlightingMode` — Gets or sets the highlighting mode to use for the legend linked to the component, when supported.
- **legendItemBadgeMode**: `LegendItemBadgeMode` — Gets or sets the mode of legend badges representing all series displayed in a legend linked to this component.
This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
- **legendItemBadgeShape**: `LegendItemBadgeShape` — Gets or sets the type of legend badges representing all series displayed in a legend linked to this component
This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
- **legendItemVisibility**: `Visibility` — Gets or sets whether to show the legend items for the series.
- **markerAutomaticBehavior**: `MarkerAutomaticBehavior` — Gets or sets the default marker type for all series plotted in this chart.
This property is ignored when the MarkerTypes property is set
- **markerBrushes**: `string[]` — Gets or sets the palette of brushes used for rendering fill area of data point markers.
This property applies only to these chart types: point, line, spline, bubble, and polygon

MarkerBrushes property used for rendering fill area of data point markers.

 this.chart.markerBrushes=[ "#ff0000", "#ffff00", "#00ffff" ];
- **markerFillMode**: `MarkerFillMode` — Gets or sets the MarkerFillMode for all series that support markers in this chart.
- **markerFillOpacity**: `number` — Gets or sets the Marker Fill Opacity for all series that support markers in this chart.
- **markerMaxCount**: `number` — Gets or sets the maximum number of markers displayed in the plot area of the chart.

markerMaxCount property used to display maximum number of markers in the plot area of the chart.

 this.chart.markerMaxCount = 100 ;
- **markerOutlineMode**: `MarkerOutlineMode` — Gets or sets the MarkerOutlineMode for all series that support markers in this chart.
- **markerOutlines**: `string[]` — Gets or sets the palette of brushes used for rendering outlines of data point markers.
This property applies only to these chart types: point, line, spline, bubble, and polygon

MarkerOutlines property used for rendering outlines of data point markers.

this.chart.markerOutlines= ["#ff0000", "#ffff00", "#00ffff"] ;
- **markerThickness**: `number` — Gets or sets the Marker Thickness for all series that support markers in this chart.
- **markerTypes**: `IgcMarkerTypeCollection` — Gets or sets the marker shapes used for indicating location of data points in this chart.
This property applies only to these chart types: point, line, spline, bubble, and polygon
- **outlineMode**: `SeriesOutlineMode` — Gets or sets the OutlineMode for all series in this chart.
- **outlines**: `string[]` — Gets or sets the palette of brushes to use for outlines on the chart series.
The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection

 Use the Outlines property to sets the palette of brushes to use for outlines on the chart series
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **plotAreaMarginBottom**: `number` — Margin applied below the plot area.
- **plotAreaMarginLeft**: `number` — Margin applied to the Left of the plot area.
- **plotAreaMarginRight**: `number` — Margin applied to the right of the plot area.
- **plotAreaMarginTop**: `number` — Margin applied to the Top of the plot area.
- **plotAreaPointerDown**: `any` — Occurs when the pointer is pressed down over the plot area.
- **plotAreaPointerEnter**: `any` — Occurs when the pointer enters the plot area.
- **plotAreaPointerLeave**: `any` — Occurs when the pointer leaves the plot area.
- **plotAreaPointerMove**: `any` — Occurs when the pointer is over the plot area.
- **plotAreaPointerUp**: `any` — Occurs when the pointer is released over the plot area.
- **resolution**: `number` — Gets or sets the rendering resolution for all series in this chart.
Where n = Resolution, for every n horizontal pixels, combine all items into a single data point.  When Resolution = 0, all data points will be rendered as graphical objects.  Charts with a higher resolution will have faster performance.

Use the Resolution property if the callouts should be display.

  this.chart.resolution = 2 ;
- **rightMargin**: `number` — Gets or sets the right margin of the chart content.

Use rightMargin property for the right margin of the chart content.

  this.chart.rightMargin = 20 ;
- **selectedSeriesItems**: `IgcChartSelectedItemCollection` — Gets the currently selected data items.  Adding or removing data items from this collection will
select or deselect the visuals associated with those items.
- **selectedSeriesItemsChanged**: `any`
- **selectionBehavior**: `SeriesSelectionBehavior` — Gets or sets the selection behavior to use for the series in the component, when supported.
- **selectionBrush**: `string` — Gets or sets the selection brush to use for the series.
- **selectionDismissDelayMilliseconds**: `number` — Gets or sets the time to wait before visually dismissing a selection highlight
- **selectionMode**: `SeriesSelectionMode` — Gets or sets the selection mode to use for the series in the component, when supported.
- **selectionTransitionDuration**: `number` — Gets or sets the duration used for animating Selection changes
- **seriesAdded**: `any` — Event raised when a series is initialized and added to this chart.

SeriesAdded event raised when a series is initialized and added to this chart.
- **seriesClick**: `any` — Occurs when the pointer is clicked over a series.
- **seriesPlotAreaMarginHorizontalMode**: `SeriesPlotAreaMarginHorizontalMode` — Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.
- **seriesPlotAreaMarginVerticalMode**: `SeriesPlotAreaMarginVerticalMode` — Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.
- **seriesPointerDown**: `any` — Occurs when the pointer is pressed down over a Series.

SeriesPointerDown event raised when the pointer is pressed down over a Series
- **seriesPointerEnter**: `any` — Occurs when the pointer enters a Series.

SeriesPointerEnter event raised when the pointer enters a Series.

CategoryChart_seriesPointerEnter(sender: any , aregs: ChartSeriesEventArgs)
  {

  }
- **seriesPointerLeave**: `any` — Occurs when the pointer leaves a Series.

SeriesPointerLeave event raised when the pointer leaves a Series.

CategoryChart_seriesPointerLeave(sender: any , aregs: ChartSeriesEventArgs)
  {

  }
- **seriesPointerMove**: `any` — Occurs when the pointer moves over a Series.

SeriesPointerMove event raised when the pointer moves over a Series.

 CategoryChart_seriesPointerMove(sender: any , aregs: ChartSeriesEventArgs)
  {

  }
- **seriesPointerUp**: `any` — Occurs when the pointer is released over a Series.

SeriesPointerUp event raised when the pointer is released over a Series.

 CategoryChart_seriesPointerUp(sender: any , aregs: ChartSeriesEventArgs)
  {

  }
- **seriesRemoved**: `any` — Event raised when a series is removed from this chart.

SeriesRemoved event raised when a series is removed from this chart.

 CategoryChart_seriesRemoved(sender: any , aregs: ChartSeriesEventArgs)
  {

  }
- **seriesValueLayerUseLegend**: `boolean` — Gets or sets if the chart should use the legend for value layers that target series.
- **shouldAvoidAxisAnnotationCollisions**: `boolean` — Gets or sets whether annotations for the final value of each series is displayed on the axis.
- **shouldDisplayMockData**: `boolean` — Gets or sets whether the chart should display mock data when the data source has not been provided, if supported for this type of chart.
- **shouldPanOnMaximumZoom**: `boolean` — Gets or sets a whether the chart should pan its content when zoo,ing in passed max zoom level.
- **shouldSimulateHoverMoveCrosshairPoint**: `boolean` — Gets or sets whether calling SimulateHover should shift the crosshair point.
- **shouldUseSkeletonStyleForMockData**: `boolean` — Gets or sets whether the chart should use a faded skeleton style for mock data.
- **sortDescriptions**: `IgcChartSortDescriptionCollection` — Gets the current sort that is applied to the grid. Collection can be updated to modify the sort for the grid. Once sort descriptions are in this collection, the grid will no longer listen for changes on their properties.
- **subtitle**: `string` — Gets or sets text to display below the Title, above the plot area.

Use the Subtitle property to display the text below  and above the plot area.

 this.chart.subtitle ="CategoryChart Subtitle" ;
- **subtitleAlignment**: `HorizontalAlignment` — Gets or sets horizontal alignment which determines the subtitle position, relative to the left and right edges of the control.

Use the SubtitleAlignment property to Gets or sets horizontal alignment.

this.chart.subtitleAlignment = HorizontalAlignment.Right;
- **subtitleBottomMargin**: `number` — Gets or sets the bottom margin of chart subtitle

Use subtitleBottomMargin property for the bottom margin of chart subtitle.

this.chart.subtitleBottomMargin = 10 ;
- **subtitleLeftMargin**: `number` — Gets or sets the left margin of chart subtitle

Use subtitleLeftMargin property for the left margin of chart subtitle.

this.chart.subtitleLeftMargin = 20 ;
- **subtitleRightMargin**: `number` — Gets or sets the right margin of chart subtitle

Use subtitleRightMargin property for the right margin of chart subtitle.

 this.chart.subtitleRightMargin = 20 ;
- **subtitleTextColor**: `string` — Gets or sets color of chart subtitle

Use subtitleTextColor property to color the subtitle.

this.chart.subtitleTextColor = "#ff0000" ;
- **subtitleTextStyle**: `string` — Gets or sets CSS font property for the chart subtitle

Use subtitleTextStyle property for the CSS font of the chart subtitle.

this.chart.subtitleTextStyle= "16pt Verdona";
- **subtitleTopMargin**: `number` — Gets or sets the top margin of chart subtitle

Use subtitleTopMargin property for the top margin of chart subtitle.

this.chart.subtitleTopMargin = 10;
- **summaryDescriptions**: `IgcChartSummaryDescriptionCollection` — Gets the current summaries that are applied to the grid.
- **thickness**: `number` — Gets or sets the thickness for all series in this chart. Depending on the ChartType, this can be the main brush used, or just the outline.

Use the Thickness property for the thickness of all the series in this chart.
- **titleAlignment**: `HorizontalAlignment` — Gets or sets horizontal alignment which determines the title position, relative to the left and right edges of the control.

Use the TitleAlignment property for the horizontal alignment of the title.

this.chart.titleAlignment = HorizontalAlignment.Center;
- **titleBottomMargin**: `number` — Gets or sets the bottom margin of chart title

 Use titleBottomMargin property for the bottom margin of chart title.

 this.chart.titleBottomMargin = 5;
- **titleLeftMargin**: `number` — Gets or sets the left margin of chart title

 Use titleLeftMargin property for the left margin of chart title.

this.chart.titleLeftMargin = 10;
- **titleRightMargin**: `number` — Gets or sets the right margin of chart title

 Use titleLeftMargin property for the right margin of chart title.

this.chart.titleRightMargin = 10;
- **titleTextColor**: `string` — Gets or sets color of chart title

 Use titleTextColor property to color the chart title

 this.chart.titleTextColor="red" ;
- **titleTextStyle**: `string` — Gets or sets CSS font property for the chart title

Use titleTextStyle property for the CSS font property of the chart title

this.chart.xAxisTitleTextStyle = "24pt Verdona";
- **titleTopMargin**: `number` — Gets or sets the top margin of chart title

 Use titleTopMargin property for the top margin of chart title.

this.chart.titleTopMargin = 10;
- **tooltipTemplate**: `TemplateFunction` — Sets or gets the template reference to use for tooltips for all the series.
- **tooltipTemplates**: `TemplateFunction[]` — Sets or gets the template references to use for tooltips for all the series, in order.
- **toolTipType**: `ToolTipType` — Gets or sets the style of tooltip to be displayed.
- **topMargin**: `number` — Gets or sets the top margin of the chart content.

Use topMargin property for the margin of the chart content.

this.chart.topMargin=20;
- **transitionDuration**: `number` — Gets or sets the duration used for animating series plots when the data is changing

Use the TransitionDuration property to animating between data values.

this.chart.transitionDuratio= 500;
- **transitionEasingFunction**: `any` — Gets or sets the easing function used for animating series plots when the data is changing.
This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.

The 'transitionInEasingFunction' property used for easing function for animating series plots when the chart is loading into view.

this.chart.transitionInEasingFunction=  this.cubicFunc;

cubicFunc(time: number) : number
  {
    return time;
  }
- **trendLineBrushes**: `string[]` — Gets or sets the palette of brushes to used for coloring trend lines in this chart.
The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection

Use the TrendLineBrushes property for coloring trend lines in the chart.

this.chart.trendLineBrushes=["#ff0000", "#ffff00", "#00ffff"]	;
- **trendLineLayerUseLegend**: `boolean` — Gets or sets if the chart should use the legend for trendline layers.
- **trendLinePeriod**: `number`
- **trendLineThickness**: `number` — Gets or sets the thickness of the trend lines in this chart.
This property applies only to these chart types: point, line, spline, and bubble

Use the TrendLineThickness property for the thickness of the trend lines in the chart.

this.chart.trendLineThickness=2;
- **trendLineType**: `TrendLineType` — Gets or sets the formula used for calculating trend lines in this chart.
This property applies only to these chart types: point, line, spline, and bubble

Use the TrendLineType property for calculating trend lines.

this.chart.trendLineType = TrendLineType.CubicFit;
- **trendLineTypes**: `IgcTrendLineTypeCollection` — Gets or sets what trendlines to use in the chart.
- **unknownValuePlotting**: `UnknownValuePlotting` — Gets or sets the behavior that determines how unknown values will be plotted on the chart.
Null and Double.NaN are two examples of unknown values.

Use the UnknownValuePlotting property to determines the behavior that how unknown values will be plotted on the chart.

this.chart.unknownValuePlotting =UnknownValuePlotting.DontPlot;
- **userAnnotationInformationRequested**: `any` — Occurs to request additional information for an annotation being added.
- **userAnnotationToolTipContentUpdating**: `any` — Occurs to request additional content to display for an annotation tooltip.
- **useValueForAutoCalloutLabels**: `boolean` — Gets or sets if event annotations should be displayed.
- **valueLines**: `IgcValueModeCollection` — Gets or sets what value lines to use in the chart.
- **valueLinesBrushes**: `string[]` — Gets or sets the palette of brushes to use for coloring the value lines present in the ValueLines property.
The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
- **valueLinesThickness**: `number` — Gets or sets thickness of value lines.
- **verticalViewScrollbarCornerRadius**: `number` — Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarFill**: `string` — Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarInset**: `number` — Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarMaxOpacity**: `number` — Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarMode**: `SeriesViewerScrollbarMode` — Gets or sets the vertical scrollbar mode to use for the series viewer.
- **verticalViewScrollbarOutline**: `string` — Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarPosition**: `SeriesViewerVerticalScrollbarPosition` — Gets or sets the position to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarShouldAddAutoTrackInsets**: `boolean` — Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarStrokeThickness**: `number` — Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarTrackEndInset**: `number` — Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarTrackStartInset**: `number` — Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarWidth**: `number` — Gets or sets the width to use for the vertical scrollbar in the component, when enabled.
- **viewport**: `IgRect` — Gets a rectangle representing the bounds of the plot area.

viewport property representing the bounds of the plot area.

let viewport:Rect =  this.chart.viewport;
- **windowRect**: `IgRect` — Gets or sets the rectangle representing the current scroll and zoom state of the chart.
WindowRect is expressed as a Rectangle with coordinates and sizes between 0 and 1.

Use WindowRect property representing the current scroll and zoom state of the chart.

this.chart.windowRect =[0,0,1,1];
- **windowRectMinHeight**: `number` — Sets or gets the minimum height that the window rect is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
- **windowRectMinWidth**: `number` — Sets or gets the minimum width that the window rect is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
- **windowSizeMinHeight**: `number` — Sets or gets minimum pixel height that the window is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property is overridden by the WindowRectMinHeight property
- **windowSizeMinWidth**: `number` — Sets or gets minimum pixel width that the window is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property is overridden by the WindowRectMinWidth property
- static **observedAttributes**: `string[]`
- **addCommandAvailabilityListener**(listener: ICommandAvailabilityListener): void
- **addCommandStateChangedListener**(listener: ICommandStateChangedListener): void
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **bindCalloutsData**(): void
- **cancelAnnotationFlow**(annotationFlowId: string): void
- **destroy**(): void — Destroy this control


Use the destroy property to destroy the chart.

this.chart.destroy();
- **ensureDataToolTipBadgeMargin**(): void
- **ensureDataToolTipGroupRowMargin**(): void
- **ensureDataToolTipGroupTextMargin**(): void
- **ensureDataToolTipHeaderRowMargin**(): void
- **ensureDataToolTipHeaderTextMargin**(): void
- **ensureDataToolTipLabelTextMargin**(): void
- **ensureDataToolTipSummaryRowMargin**(): void
- **ensureDataToolTipSummaryTitleTextMargin**(): void
- **ensureDataToolTipTitleTextMargin**(): void
- **ensureDataToolTipUnitsTextMargin**(): void
- **ensureDataToolTipValueRowMargin**(): void
- **ensureDataToolTipValueTextMargin**(): void
- **exportDomainChartTestingInfo**(): IgcDomainChartTestingInfo
- **findByName**(name: string): any
- **finishAnnotationFlow**(flowInformation: IgcUserAnnotationInformation): void
- **flush**(): void — Forces any pending refresh to the chart to be finished.


Method flush used to Forces any pending deferred work to render on the chart before continuing.

this.chart.flush();
- **getDesiredToolbarActions**(): ToolActionInfo[]
- **hideToolTip**(): void — Hides the active main tooltip, if displayed.


Use the HideToolTip method to hide the active tooltip.

this.chart.hideToolTip();
- **loadAnnotationsFromJson**(jsonString: string): void
- **notifyClearItems**(source_: any): void — Used to manually notify the chart that the data source has reset or cleared its items.


Use notifyClearItems method to notifies the chart that the items have been cleared from an associated data source.

this.chart.notifyClearItems(this.data);
- **notifyInsertItem**(source_: any, index: number, newItem: any): void
- **notifyRemoveItem**(source_: any, index: number, oldItem: any): void
- **notifyResized**(): void — Called when the control has been resized.


NotifyResized method Called when the control has been resized.

this.chart.notifyResized();
- **notifySeriesDataChanged**(): void
- **notifySetItem**(source_: any, index: number, oldItem: any, newItem: any): void
- **notifyVisualPropertiesChanged**(): void
- **onDetach**(): void
- **provideContainer**(container: any): void — Provides a container for this control


provideContainer method provide container for the control.

    this.chart.provideContainer("Container");
- **removeCommandAvailabilityListener**(listener: ICommandAvailabilityListener): void
- **removeCommandStateChangedListener**(listener: ICommandStateChangedListener): void
- **replayTransitionIn**(): void — Replays transition-in animation on all series in the chart.
- **resetAnnotations**(): void
- **resetZoom**(): void — Resets the zoom level to default.
- **saveAnnotationsToJson**(): string
- **simulateClick**(point: IgPoint): void
- **simulateHover**(point: IgPoint): void
- **simulatePlotPointerUp**(point: IgPoint): void
- **simulatePressAndHold**(point: IgPoint): void
- **startCreatingAnnotation**(): void
- **startDeletingAnnotation**(): void
- **zoomIn**(v: number): void — Performs zoom in action on the chart by specified percentage of current window rect
- **zoomOut**(v: number): void — Performs zoom out action on the chart by specified percentage of current window rect

### [IgcDomainChartPlotAreaPointerEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDomainChartPlotAreaPointerEventArgs)
Represents event arguments for chart's SeriesAdded and SeriesRemoved events

- **constructor**(): IgcDomainChartPlotAreaPointerEventArgs
- **chartPosition**: `IgPoint` — Gets the mouse position relative to the chart.
- **plotAreaPosition**: `IgPoint` — Gets the pointer position relative to the plot area.

### [IgcDomainChartSeriesPointerEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDomainChartSeriesPointerEventArgs)
Represents event arguments for chart's SeriesAdded and SeriesRemoved events

The DomainChartSeriesPointerEventArgs class provide events for chart's SeriesAdded and SeriesRemoved.

SeriesPointerDown get fired when the pointer is press down over a Series.

this.chart.seriesPointerDown = this.chart_seriesPointerDown();

- **constructor**(): IgcDomainChartSeriesPointerEventArgs
- **cancelSelection**: `boolean` — Gets or sets whether to cancel series selection.
- **chartPosition**: `IgPoint` — Gets the mouse position relative to the chart.
- **item**: `any` — Gets the item hit by the pointer.

Use the Item property to get the items.

<https://www.infragistics.com/help/wpf/infragisticswpf.controls.charts.xamdatachart~infragistics.controls.charts.domainchartseriespointereventargs~item>

var Chartitem = args.item;
- **plotAreaPosition**: `IgPoint` — Gets the pointer position relative to the plot area.
- **series**: `IgcSeriesComponent` — Gets the series hit by the pointer.

Use the Series property to get the series.

 var series= args.series;
- **worldPosition**: `IgPoint`

### [IgcDomainChartTestingInfo](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDomainChartTestingInfo)

- **constructor**(): IgcDomainChartTestingInfo
- **mainDataChart**: `IgcDataChartComponent`
- **findByName**(name: string): any

### [IgcDoughnutChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDoughnutChartComponent)
Represents concentric circles divided on arcs  depending on data.

- **constructor**(): IgcDoughnutChartComponent
- **actualSeries**: `IgcRingSeriesBaseComponent[]` — The series actually present in the chart. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing series from the manual series collection on the series property.
- **contentSeries**: `IgcRingSeriesBaseComponent[]`
- static **htmlTagName**: `string`
- **actualPixelScalingRatio**: `number` — Resolved pixel scaling ratio. Unless explicitly overridden by the
IgxDoughnutChart.PixelScalingRatioComponent property,
this one returns the default ratio enforced by device. High resolution devices will initialize this property
to a higher value.
- **allowSliceExplosion**: `boolean` — Gets or sets whether the slices can be exploded.
- **allowSliceSelection**: `boolean` — Gets or sets whether the slices can be selected.
- **height**: `string`
- **holeDimensionsChanged**: `any` — Raised when the dimensions (center point or radius) of the doughnut hole change.
- **i**: `XamDoughnutChart`
- **innerExtent**: `number` — Gets or sets the inner extent of the doughnut chart. It is percent from the outer ring's radius.
- **isSurfaceInteractionDisabled**: `boolean` — Gets or sets whether all surface interactions with the plot area should be disabled.
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **selectedSliceFill**: `string` — Gets or sets the fill brush.
- **selectedSliceOpacity**: `number` — Gets or sets the opacity.
- **selectedSliceStroke**: `string` — Gets or sets the stroke brush.
- **selectedSliceStrokeThickness**: `number` — Gets or sets the stroke thickness.
- **series**: `IgcRingSeriesCollection` — A collection or manually added series for the chart.
- **sliceClick**: `any` — Raised when the slice is clicked.
- **width**: `string`
- static **observedAttributes**: `string[]`
- **afterContentInit**(): void
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **ensureSelectedStyle**(): void
- **exportSerializedVisualData**(): string — Returns the chart visuals expressed as a serialized string.
- **findByName**(name: string): any
- **flush**(): void — Use to force the doughnut chart to finish any deferred work before printing or evaluating its visual.
This should only be called if the visual of the doughnut chart needs to be synchronously saved or evaluated.
Calling this method too often will hinder the performance of the doughnut chart.
- **getCenterCoordinates**(): IgPoint — Gets the center coordinates of the doughnut chart's center presenter.
- **getContainerID**(): string — Gets the ID of the UI container.
- **getHoleRadius**(): number — Gets the hole radius of the doughnut chart's center presenter.
- **ngOnDestroy**(): void
- **notifyClearItems**(source_: any): void — Used to manually notify the chart that the data source has reset or cleared its items.
- **notifyInsertItem**(source_: any, index: number, newItem: any): void
- **notifyRemoveItem**(source_: any, index: number, oldItem: any): void
- **notifyResized**(): void — Called when the control has been resized.
- **notifySetItem**(source_: any, index: number, oldItem: any, newItem: any): void
- **provideContainer**(container: any): void — Called by the UI framework to provide a UI container for rendering this control.
- static **register**(): void

### [IgcDoughnutChartDefaultTooltipsComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcDoughnutChartDefaultTooltipsComponent)

- **constructor**(): IgcDoughnutChartDefaultTooltipsComponent
- **doughnutSliceTooltip**: `TemplateFunction`
- **onContentReady**: `any`
- **afterContentInit**(): void
- **ensureDefaultTooltip**(series: IgcRingSeriesBaseComponent): void
- **getBrush**(i: any): any
- **getSliceLabel**(series: any, item: any): any
- **getValue**(series: any, item: any): any
- **getValueMemberPath**(series: any): any
- static **register**(): void

### [IgcEaseOfMovementIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcEaseOfMovementIndicatorComponent)
Represents a IgxDataChartComponent Ease of Movement indicator series.
The ease of movement indicator by Richard W. Arms, Jr relates the price change of an asset to
its volume. Normally smoothed with a moving average.
Default required members: Low, High, Volume

The ease of movment indicator is used to analyze relationships between a price changes and volume. One would usually plot this in a separate chart below the main price chart. It can be added to a chart like this:

- **constructor**(): IgcEaseOfMovementIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcFastStochasticOscillatorIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFastStochasticOscillatorIndicatorComponent)
Represents a IgxDataChartComponent Fast Stochastic Oscillator indicator series.
Default required members: High, Low, Close

- **constructor**(): IgcFastStochasticOscillatorIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current FastStochasticOscillatorIndicator object.
The typical, and initial, value for FastStochasticOscillatorIndicator periods is 14.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcFilterStringErrorsParsingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFilterStringErrorsParsingEventArgs)
Represents event arguments for when there are errors parsing the filter string

- **constructor**(): IgcFilterStringErrorsParsingEventArgs
- **errors**: `string` — Gets the errors from parsing the filter string.
- **propertyName**: `string`

### [IgcFinalValueLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinalValueLayerComponent)
Represents an annotation layer that displays crosshair lines that cross through the closest value of the target series under the cursor.

- **constructor**(): IgcFinalValueLayerComponent
- static **htmlTagName**: `string`
- **axisAnnotationBackground**: `string` — Gets or sets the color to use for the axis annotation backing. Leave unset for an automatic value.
- **axisAnnotationBackgroundCornerRadius**: `number` — Gets or sets the corner radius to use for the axis annotation backing. Leave unset for an automatic value.
- **axisAnnotationInterpolatedValuePrecision**: `number` — Gets or sets the precision to use displaying values for interpolated crosshair positions.
- **axisAnnotationOutline**: `string` — Gets or sets the color to use for the axis annotation outline. Leave unset for an automatic value.
- **axisAnnotationPaddingBottom**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **axisAnnotationPaddingLeft**: `number` — Gets or sets the left padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **axisAnnotationPaddingRight**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **axisAnnotationPaddingTop**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **axisAnnotationStrokeThickness**: `number` — Gets or sets the stroke thickness for the axis annotation backing. Leave unset for an automatic value.
- **axisAnnotationTextColor**: `string` — Gets or sets the color to use for the axis annotation text. Leave unset for an automatic value.
- **finalValueSelectionMode**: `FinalValueSelectionMode` — Gets or sets how to select the final value to annotate.
- **isAnnotationFinalValue**: `boolean` — Gets whether the series is final value annotation layer.
- **targetSeries**: `IgcSeriesComponent` — Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
- **targetSeriesName**: `string` — Gets or sets the name of the series to target this annotation to. If null, this annotation targets all series simultaneously.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **register**(): void

### [IgcFinancialCalculationDataSource](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialCalculationDataSource)
Represents the data contract between a financial series and the
decoupled calculation responsibilities which implement its mathmatical logic.
The FinancialCalculationDataSource contract represents the subset
of data which needs to be provided in order to test or run a calculation,
and its intentionally a subset of the information available to the series,
in order to make calculation strategies more easily testable and usable in isolation to
the financial series container.

- **constructor**(): IgcFinancialCalculationDataSource
- **calculateCount**: `number` — The number of items from the starting index from which to calculate
- **calculateFrom**: `number` — The starting index from which to calculate
- **closeColumn**: `number[]`
- **count**: `number` — The count of the values in the series.
- **highColumn**: `number[]`
- **i**: `FinancialCalculationDataSource`
- **indicatorColumn**: `any`
- **longPeriod**: `number` — The long period to use when calculating, if applicable.
- **lowColumn**: `number[]`
- **maximumValue**: `number` — If the calculation determines the range of indicator values,
it will set the minimum and maximux properties.
This will contain the previous minimum value when the indicator
calculation is called again, in case this makes the update of the
value speedier.
- **minimumValue**: `number` — If the calculation determines the range of indicator values,
it will set the minimum and maximux properties.
This will contain the previous minimum value when the indicator
calculation is called again, in case this makes the update of the
value speedier.
- **multiplier**: `number` — If the calculation supports some sort of scaling factor,
this value will be used.
- **openColumn**: `number[]`
- **period**: `number` — The period to use when calculating, if applicable.
- **shortPeriod**: `number` — The short period to use when calculating, if applicable.
- **specifiesRange**: `boolean` — The calculation strategy should set this to true if it
specifes the minimum and maximum value properties.
- **trueLow**: `IgcCalculatedColumn` — An enumerable list of true low values provided by the series to use
in calculations.
- **trueRange**: `IgcCalculatedColumn` — And enumerable list of true range values provided by the series to use
in calculations.
- **typicalColumn**: `IgcCalculatedColumn` — An enumerable list of typical prices provided by the series to use
in calculations.
- **volumeColumn**: `number[]`
- **findByName**(name: string): any

### [IgcFinancialCalculationSupportingCalculations](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialCalculationSupportingCalculations)
Represents a contract between the financial series and the calculation strategies
detailing the supporting calculation strategies that the financial series will
provide in order for the indicator calculations to be performed.

- **constructor**(): IgcFinancialCalculationSupportingCalculations
- **eMA**: `IgcColumnSupportingCalculation` — The strategy provided to calculate an exponential moving average for a collection.
- **longPriceOscillatorAverage**: `IgcDataSourceSupportingCalculation` — The strategy provided to calculate the long period moving average for price oscillator indicators.
- **longVolumeOscillatorAverage**: `IgcDataSourceSupportingCalculation` — The strategy provided to calculate the long period moving average for volume oscillator indicators.
- **makeSafe**: `any` — The strategy provided to make doubles safe for plotting, by default will just make zero if the value
is invalid.
- **movingSum**: `IgcColumnSupportingCalculation` — The strategy provided to calculate a moving sum for a collection.
- **shortPriceOscillatorAverage**: `IgcDataSourceSupportingCalculation` — The strategy provided to calculate the short period moving average for price oscillator indicators.
- **shortVolumeOscillatorAverage**: `IgcDataSourceSupportingCalculation` — The strategy provided to calculate the short period moving average for volume oscillator indicators.
- **sMA**: `IgcColumnSupportingCalculation` — The strategy provided to calculate a simple moving average for a collection.
- **sTDEV**: `IgcColumnSupportingCalculation` — The strategy provided to calculate a standard deviation for a collection.
- **findByName**(name: string): any

### [IgcFinancialChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialChartComponent)
Represents a base class for domain charts with X/Y axes

- **constructor**(): IgcFinancialChartComponent
- static **htmlTagName**: `string`
- **applyCustomIndicators**: `any` — Event raised by the chart when custom indicator data is needed from the application.
During series rendering, event will be raised once for each value in the CustomIndicatorNames collection.
- **chartTemplate**: `any`
- **chartType**: `FinancialChartType` — The type of price series to display in the main chart.

Use the ChartType property to set a type of series that will be used to render prices in the Financial Chart control, e.g.
- **chartTypePickerTemplate**: `any`
- **customIndicatorNames**: `IgcCustomIndicatorNameCollection` — The names of custom indicators to add to the chart.
When CustomIndicatorNames is set, the ApplyCustomIndicators event will be raised for each custom indicator name.
- **dataSource**: `any[]`
- **domainType**: `DomainType` — Gets domain type of this chart
- **height**: `string`
- **indicatorBrushes**: `string[]` — Brushes to use for financial indicators.

Use the IndicatorBrushes property to set a collection of brushes that will be used to render positive elements of indicators in the Financial Chart control, e.g.
- **indicatorDisplayTypes**: `IgcIndicatorDisplayTypeCollection` — The display types of financial indicators.

Use the IndicatorDisplayTypes property to set display types that will determine whether render all indicators as area, lines, or columns in the Financial Chart control, e.g.
- **indicatorLongPeriod**: `number` — The long period of financial indicators, where applicable.

The IndicatorLongPeriod property applies only to these indicator types:

-   AbsoluteVolumeOscillator,
-   ChaikinOscillator,
-   MovingAverageConvergenceDivergence,
-   PercentagePriceOscillator,
-   PercentageVolumeOscillator,
- **indicatorMenuTemplate**: `any`
- **indicatorMultiplier**: `number` — The multiplier of financial indicators, e.g. BollingerBandWidth indicator.

The IndicatorMultiplier property applies to only to BollingerBandWidth indicator type.
- **indicatorNegativeBrushes**: `string[]` — Brushes to use for negative elements in financial indicators.

Use the IndicatorNegativeBrushes property to set a collection of brushes that will be used to render negative elements of indicators in the Financial Chart control, e.g.
- **indicatorPeriod**: `number` — The period of financial indicators, where applicable.

The indicatorPeriod property applies to only the BollingerBands overlay as well as to these indicators types: AverageDirectionalIndex, AverageTrueRange, BollingerBandWidth, ChaikinVolatility, CommodityChannelIndex, DetrendedPriceOscillator, FastStochasticOscillator, ForceIndex, FullStochasticOscillator, MoneyFlowIndex, PriceChannelOverlay, RateOfChangeAndMomentum, RelativeStrengthIndex, SlowStochasticOscillator, StandardDeviation, StochRSI, TRIX, WilliamsPercentR
- **indicatorShortPeriod**: `number` — The short period of financial indicators, where applicable.

The IndicatorShortPeriod property applies only to these indicator types:

-   AbsoluteVolumeOscillator,
-   ChaikinOscillator,
-   MovingAverageConvergenceDivergence,
-   PercentagePriceOscillator,
-   PercentageVolumeOscillator,
- **indicatorSignalPeriod**: `number` — The signal period of financial indicators, where applicable.

The IndicatorSignalPeriod property applies to only to MovingAverageConvergenceDivergence indicator type.
- **indicatorSmoothingPeriod**: `number` — The smoothing period of financial indicators, where applicable.

The IndicatorSmoothingPeriod property applies to only to FullStochasticOscillator indicator type.
- **indicatorThickness**: `number` — The outline or stroke thickness of financial indicators.

Use the IndicatorThickness property to set a number that will be used to render outline thickness of all indicators in the Financial Chart control, e.g.
- **indicatorTypes**: `IgcFinancialIndicatorTypeCollection` — A collection indicating what financial indicator types to display on the Financial Chart.

Use the IndicatorTypes property to set types of indicators that will be rendered below the price pane in the Financial Chart control, e.g.
- **isHorizontalZoomEnabled**: `boolean` — Gets or sets whether the chart can be horizontally zoomed through user interactions.

Use the IsHorizontalZoomEnabled property to allow chart horizontally zoomed .

this.chart.isHorizontalZoomEnabled = true;
- **isLegendVisible**: `boolean` — Gets or sets weather or not a legend is visible between toolbar and chart's plot area
- **isToolbarVisible**: `boolean` — A boolean property controlling the visibility of the toolbar.
- **isVerticalZoomEnabled**: `boolean` — Gets or sets whether the chart can be vertically zoomed through user interactions.

Use the IsVerticalZoomEnabled property to allow chart zoom vertically.

 this.chart.isVerticalZoomEnabled = true;
- **isWindowSyncedToVisibleRange**: `boolean` — A boolean indicating whether the chart should automatically zoom in vertically on the currently visible range of data.
When this property is set to true, panning and zooming along the X-axis will result in a corresponding zoom on the Y-axis, so that the visible range of data fills the zoom window as fully as possible.
- **leftMargin**: `number` — Gets or sets the left margin of the chart content.

Use the 'leftMargin' property for the left margin of the chart content.

 this.chart.leftMargin = 20;
- **negativeBrushes**: `string[]` — Gets or sets the palette used for coloring negative items of Waterfall chart type.

Use the NegativeBrushes property to set a collection of brushes that will be used to render fill area of negative elements in the price pane, e.g.
- **negativeOutlines**: `string[]` — Brushes to use for drawing negative elements, when using a chart type with contextual coloring, such as Waterfall.

Use the NegativeOutlines property to set a collection of brushes that will be used to render outline of negative elements in the price pane, e.g.
- **overlayBrushes**: `string[]` — Brushes to use for filling financial overlays.

Use the OverlayBrushes property to set a collection of brushes that will be used to render fill area of overlays in the Financial Chart control, e.g.
- **overlayMultiplier**: `number` — The multiplier of financial overlay, e.g. BollingerBands overlay.
- **overlayOutlines**: `string[]` — Brushes to use for outlining financial overlays.

Use the OverlayOutlines property to set a collection of brushes that will be used to render outlines of overlays in the Financial Chart control, e.g.
- **overlayThickness**: `number` — The outline thickness of financial overlays.

Use the OverlayThickness property to set a number that will be used to render outline thickness of all overlays in the Financial Chart control, e.g.
- **overlayTypes**: `IgcFinancialOverlayTypeCollection` — A collection indicating what financial overlay types to display on the Financial Chart.

Use the OverlayTypes property to set types of overlays that will be rendered behind price series in the Financial Chart control, e.g.
- **rangeSelectorOptions**: `IgcFinancialChartRangeSelectorOptionCollection` — A FinancialChartRangeSelectorOptionCollection containing the available range selector options on the toolbar.
- **rangeSelectorTemplate**: `any`
- **resolution**: `number` — Gets or sets the rendering resolution for all series in this chart.
Where n = Resolution, for every n horizontal pixels, combine all items into a single datapoint.  When Resolution = 0, all datapoints will be rendered as graphical objects.  Charts with a higher resolution will have faster performance.
- **toolbarHeight**: `number`
- **toolbarTemplate**: `any`
- **volumeBrushes**: `string[]` — Brushes to use for filling volume series in the volume pane.

Use the VolumeBrushes property to set a collection of brushes that will be used to render fill area of multiple series in the volume pane of the Financial Chart control, e.g.
- **volumeOutlines**: `string[]` — Brushes to use for outlining volume series in the volume pane.

Use the VolumeOutlines property to set a collection of brushes that will be used to render outline of multiple series in the volume pane of the Financial Chart control, e.g.
- **volumeThickness**: `number` — The outline thickness of volume series in the volume pane.

Use the VolumeThickness property to set a number that will be used to render outline thickness of all series in the volume pane, e.g.
- **volumeType**: `FinancialChartVolumeType` — The type of series to display in the volume pane.

Use the VolumeType property to set a type of all series that will be rendered in the volume pane, e.g.
- **width**: `string`
- **xAxisBreaks**: `IgCollection<any, any>` — TimeAxisBreaks to apply to this chart when in time axis mode, representing spans of time to omit, such as weekends.
- **xAxisEnhancedIntervalPreferMoreCategoryLabels**: `boolean` — Gets or sets whether the x axis enhanced interval management should prefer to show all the labels if possible without collisions for supported types of category axes. This is for use with EnhancedIntervalMinimumCharacters = -1 and axes that have an integral interval.
- **xAxisMaximumValue**: `Date` — Gets or sets maximum value on x-axis
- **xAxisMinimumValue**: `Date` — Gets or sets minimum value on x-axis
- **xAxisMode**: `FinancialChartXAxisMode` — The scaling mode of the X-axis.

Use the XAxisMode property to plot data items without any breaks in data range (Ordinal mode) or with breaks in data range (Time mode) such as weekends/holidays. Note that the Ordinal axis mode is less expensive to use in the financial chart than the Time axis mode.
- **xAxisZoomMaximumCategoryRange**: `number` — Gets or sets number of visible categories at maximum zooming level
This property works only with ordinal XAxisMode and it is overridden by chart's WindowRectMinWidth property
- **xAxisZoomMaximumItemSpan**: `number` — Gets or sets maximum pixel span of series item that will be visible at maximum zooming level
This property ensures that series item does not get stretch above specified value.
This property works only with ordinal XAxisMode and it is overridden by chart's WindowRectMinWidth property
- **xAxisZoomToCategoryRange**: `number` — Gets or sets number of categories that the chart will zoom in and fill plot area
This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **xAxisZoomToCategoryStart**: `number` — Gets or sets starting category that chart will move its zoom window. Acceptable value is between 0 and number of data items
This property works only with ordinal XAxisMode and it is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **xAxisZoomToItemSpan**: `number` — Gets or sets pixel span of series item that will be used to zoom chart such that the item has desired span
Chart will automatically zoom in until series item has specified pixel span.
This property works only with ordinal XAxisMode and it is overridden by chart's WindowRect or WindowScaleHorizontal properties
- **yAxisAbbreviateLargeNumbers**: `boolean` — Gets or sets whether the large numbers on the Y-axis labels are abbreviated.
- **yAxisActualMaximum**: `number` — Gets the current maximum value for the Y-axis.
- **yAxisActualMinimum**: `number` — Gets the current minimum value for the Y-axis.
- **yAxisEnhancedIntervalPreferMoreCategoryLabels**: `boolean` — Gets or sets whether the y axis enhanced interval management should prefer to show all the labels if possible without collisions for supported types of category axes. This is for use with EnhancedIntervalMinimumCharacters = -1 and axes that have an integral interval.
- **yAxisInterval**: `number` — Gets or sets the distance between each label and grid line along the Y-axis.

The YAxisInterval determines how often to show a label, tickmark, and/or gridline along the y-axis.  Set this property to a number less than the numeric range of the y-axis.
- **yAxisIsLogarithmic**: `boolean` — Gets or sets whether the Y-axis should use a logarithmic scale instead of a linear one.
Since log(-1) is imaginary and log(0) is undefined, it is recommended to enable this property only when the Y-axis minimum is greater than zero.
- **yAxisLabelHorizontalAlignment**: `HorizontalAlignment` — Gets or sets Horizontal alignment of Y-axis labels.
- **yAxisLogarithmBase**: `number` — Gets or sets the base value to use in the log function when mapping the position of data items along the Y-axis.
This property is effective only when YAxisIsLogarithmic is true.
- **yAxisMaximumValue**: `number` — Gets or sets the data value corresponding to the maximum value of the Y-axis.

The YAxisMaximumValue determines ending value of labels, tickmarks, and gridlines on the y-axis.
- **yAxisMinimumValue**: `number` — Gets or sets the data value corresponding to the minimum value of the Y-axis.

The YAxisMinimumValue determines starting value of labels, tickmarks, and gridlines on the y-axis.
- **yAxisMinorInterval**: `number` — Gets or sets the frequency of displayed minor lines along the Y-axis.

The YAxisMinorInterval determines how often to show minor gridline along the y-axis.  Set this property to a number less than the YAxisInterval and the numeric range of the y-axis.
- **yAxisMode**: `FinancialChartYAxisMode` — The scaling mode of the Y-axis.

Use the YAxisMode property to plot data items using their actual values (Numeric) or using percent changes from the first data point (PercentChange), e.g.
- **zoomSliderType**: `FinancialChartZoomSliderType` — Gets or sets type of series to display in the zoom slider pane.

Use the ZoomSliderType property to set a type of all series that will be rendered in the zoom pane, e.g.
- **zoomSliderXAxisMajorStroke**: `string` — Gets or sets stroke brush of major gridlines on x-axis of the zoom slider pane
- **zoomSliderXAxisMajorStrokeThickness**: `number` — Gets or sets thickness of major gridlines on x-axis of the zoom slider pane
- static **observedAttributes**: `string[]`
- **afterContentInit**(): void
- **bindData**(): void
- **connectedCallback**(): void
- **destroy**(): void — Destroy this control


Use the destroy property to destroy the chart.

this.chart.destroy();
- **disconnectedCallback**(): void
- **exportSerializedVisualData**(): string — Returns visuals as a serialized string.
- **findByName**(name: string): any
- **initializeContent**(): void
- **notifyClearItems**(source_: any): void — Used to manually notify the chart that the data source has reset or cleared its items.


Use notifyClearItems method to notifies the chart that the items have been cleared from an associated data source.

this.chart.notifyClearItems(this.data);
- **notifyInsertItem**(source_: any, index: number, newItem: any): void
- **notifyRemoveItem**(source_: any, index: number, oldItem: any): void
- **notifySetItem**(source_: any, index: number, oldItem: any, newItem: any): void
- **provideContainer**(container: any): void — Called by the UI framework to provide a UI container for rendering this control.
- static **register**(): void

### [IgcFinancialChartCustomIndicatorArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialChartCustomIndicatorArgs)
Event arguments for the Financial Chart's custom indicator event.

- **constructor**(): IgcFinancialChartCustomIndicatorArgs
- **i**: `FinancialChartCustomIndicatorArgs`
- **index**: `number` — An integer representing the position of the associated custom indicator in its host.
- **indicatorInfo**: `any`
- **series**: `IgcSeriesComponent` — The Series in context.

### [IgcFinancialChartDefaultTemplatesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialChartDefaultTemplatesComponent)

- **constructor**(hostElement: Element): IgcFinancialChartDefaultTemplatesComponent
- **financialChartIndicatorMenuTemplate**: `TemplateFunction`
- **financialChartRangeSelectorTemplate**: `TemplateFunction`
- **financialChartToolbarTemplate**: `TemplateFunction`
- **financialChartTypePickerTemplate**: `TemplateFunction`
- static **register**(): void

### [IgcFinancialChartRangeSelectorOptionCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialChartRangeSelectorOptionCollection)

- **constructor**(list?: FinancialChartRangeSelectorOption[]): IgcFinancialChartRangeSelectorOptionCollection

### [IgcFinancialEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialEventArgs)
Parameterizes a financial calculation event.

- **constructor**(): IgcFinancialEventArgs
- **basedOn**: `string[]`
- **count**: `number` — The number of positions that should be calculated from the start.
- **dataSource**: `IgcFinancialCalculationDataSource` — The data to use for the calculation.
- **i**: `FinancialEventArgs`
- **position**: `number` — The beginning position that should be calculated from.
- **supportingCalculations**: `IgcFinancialCalculationSupportingCalculations` — The supporting calculations to use in the calculation.

### [IgcFinancialIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialIndicatorComponent)
Represents the base functionality for a IgxDataChartComponent financial indicator series.

The FinancialIndicator class represents the base functionality for a IgxDataChartComponent financial indicator series.

- **constructor**(): IgcFinancialIndicatorComponent
- **actualTrendLineBrush**: `string` — Gets the effective TrendLineBrush for this indicator.

Use the ActualTrendLineBrush property to Gets the effective TrendLineBrush for the FinancialIndicator.
- **defaultDisplayType**: `IndicatorDisplayType` — Gets default display type for the current Financial Indicator
- **displayType**: `IndicatorDisplayType` — Gets or sets the display for the current FinancialIndicator object.

The DisplayType property is used to display the current FinancialIndicator object.

series.displayType= IndicatorDisplayType.Column;
- **ignoreFirst**: `number` — Gets or sets the number of values to hide at the beginning of the indicator.

Use the IgnoreFirst propert to hide the number of values at the beginning of the indicator.

series.ignoreFirst  = 2;
- **isFinancialIndicator**: `boolean` — Gets whether the series is financial indicator
- **trendLineBrush**: `string` — Gets or sets the brush to use to draw the trend line.

Use the TrendLineBrush propert to draw the trend line.
- **trendLineDashArray**: `number[]` — Gets or sets a collection of double values that indicate the pattern of dashes and gaps that
is used to draw the trend line for the current indicator object.
- **trendLinePeriod**: `number` — Gets or sets the trend line period for the current series.
The typical, and initial, value for trend line period is 7.

Use TrendLinePeriod property for the trend line period of the current series.

series.trendLinePeriod  =30;
- **trendLineThickness**: `number` — Gets or sets the thickness of the current indicator object's trend line.

Use TrendLineThickness property for the thickness of the current indicator object's trend line.

 series.trendLineThickness=2 ;
- **trendLineType**: `TrendLineType` — Gets or sets the trend type for the current indicator series.

Use TrendLineType property to get the trend type for the current indicator series.

series.trendLineType= TrendLineType.CubicFit;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The series is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.

### [IgcFinancialIndicatorTypeCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialIndicatorTypeCollection)

- **constructor**(list?: FinancialIndicatorType[]): IgcFinancialIndicatorTypeCollection

### [IgcFinancialLegendComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialLegendComponent)
Represents a legend that displays information about each series, most often used in financial charting.

- **constructor**(): IgcFinancialLegendComponent
- static **htmlTagName**: `string`
- **i**: `FinancialLegend`
- **isFinancial**: `boolean` — Gets if the legend is a financial legend.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **destroy**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcFinancialOverlayComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialOverlayComponent)
Represents the base functionality for a IgxDataChartComponent financial overlay series.
The difference between a FinancialIndicator and a FinancialOverlay is small.
Overlays are usually drawn against the same axes as the price, but they don't
have to be. Overlays mostly display multiple values, but not all of them, and so
so some indicators.

The FinancialOverlay class represents the base functionality for a IgxDataChartComponent financial overlay series.

- **constructor**(): IgcFinancialOverlayComponent
- **ignoreFirst**: `number` — Gets or sets the number of values to hide at the beginning of the indicator.

Use the IgnoreFirst property to sets the number of values to hide at the beginning of the indicator.

 series.ignoreFirst=2;
- **isFinancialOverlay**: `boolean` — Gets whether the series is financial overlay
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The series is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.

### [IgcFinancialOverlayTypeCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialOverlayTypeCollection)

- **constructor**(list?: FinancialOverlayType[]): IgcFinancialOverlayTypeCollection

### [IgcFinancialPriceSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialPriceSeriesComponent)
Represents a IgxDataChartComponent financial price series that renders as Candlestick or OHLC representations.
Default required members: Open, Low, High, Close

The FinancialPriceSeries class represents a IgxDataChartComponent financial price series that renders as Candlestick or OHLC representations.

- **constructor**(): IgcFinancialPriceSeriesComponent
- static **htmlTagName**: `string`
- **actualTrendLineBrush**: `string` — Gets the effective TrendLineBrush for this FinancialPriceSeries.

Use the ActualTrendLineBrush property to Gets the effective TrendLineBrush for the FinancialIndicator.
- **categoryCollisionMode**: `CategoryCollisionMode` — Gets or sets the category collision mode selection behavior to use for the series.
- **closeMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' Close value in the Data Legend.
- **closeMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' Close value in the Data Legend.
- **displayType**: `PriceDisplayType` — Gets or sets the display type for the current FinancialPriceSeries object.

Use the DisplayType property for the display type of the current FinancialPriceSeries object.

series.displayType=PriceDisplayType.Candlestick;
- **highMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' High value in the Data Legend.
- **highMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' High value in the Data Legend.
- **isFinancialSeries**: `boolean` — Gets whether the series has financial OHLC/candlestick visuals
- **lowMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' Low value in the Data Legend.
- **lowMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' Low value in the Data Legend.
- **negativeOutline**: `string` — Brush to use for outlining negative elements in the series.

Use the NegativeOutline property to brush the outline negative elements in the series.

series.negativeOutline="red";
- **openMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' Open value in the Data Legend.
- **openMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' Open value in the Data Legend.
- **trendLineBrush**: `string` — Gets or sets the brush to use to draw the trend line.

Use the TrendLineBrush property to brush the the trend line.

series.trendLineBrush="red";
- **trendLineDashArray**: `number[]` — Gets or sets a collection of double values that indicate the pattern of dashes and gaps that
is used to draw the trend line for the current FinancialPriceSeries object.
- **trendLinePeriod**: `number` — Gets or sets the trend line period for the current series.
The typical, and initial, value for trend line period is 7.

Use the TrendLinePeriod property for the periodo the the current series.

series.trendLinePeriod= 7;
- **trendLineThickness**: `number` — Gets or sets the thickness of the current FinancialPriceSeries object's trend line.

Use the TrendLineThickness property for the thickness of the current FinancialPriceSeries object's trend line.

series.trendLineThickness=5;
- **trendLineType**: `TrendLineType` — Gets or sets the trend type for the current financial series.

Use the TrendLineType property for the trend type of the current financial series.

series.trendLineType= "CubicFit";
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.


The GetItemSpan method is used For a category plotted series, returns the current width of the items within the categories.

This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- **getSeriesValueType**(mode: string | ValueLayerValueMode): number[] — Gets a numeric value from the numeric axis associated with this series that matches the desired
value mode.
- **getSeriesValueTypePosition**(mode: string | ValueLayerValueMode): IgPoint — Gets position of series value for specified layer value mode
- **getSeriesValueTypePositionFromValue**(values: number[]): IgPoint
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The categorySeries is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.
- **setNegativeColors**(negativeBrush: string, negativeOutline: string): void
- static **register**(): void

### [IgcFinancialSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFinancialSeriesComponent)
Represents the base class for all financial indicator and overlay series.

The FinancialSeries represents the base class for all financial indicator and overlay series.

- **constructor**(): IgcFinancialSeriesComponent
- **assigningCategoryStyle**: `any` — Event raised when Assigning Category Style

The AssigningCategoryStyle event raised when assigning Category Style.

series.assigningCategoryStyle= this.chart_AssigningCategoryStyle;
chart_AssigningCategoryStyle(sender :any,args: AssigningCategoryStyleEventArgs )
  {


  }
- **closeMemberPath**: `string` — Gets or sets the close mapping property for the current series object.

Use CloseMemberPath property for the close mapping of the current series object.
- **hasValueAxis**: `boolean` — Gets whether the current series shows an area shape.
- **highlightedCloseMemberPath**: `string` — Gets or sets the highlighted Y value mapping property for the current series object.
- **highlightedHighMemberPath**: `string` — Gets or sets the highlighted Y value mapping property for the current series object.
- **highlightedLowMemberPath**: `string` — Gets or sets the highlighted X value mapping property for the current series object.
- **highlightedOpenMemberPath**: `string` — Gets or sets the highlighted X value mapping property for the current series object.
- **highlightedVolumeMemberPath**: `string` — Gets or sets the highlighted Y value mapping property for the current series object.
- **highMemberPath**: `string` — Gets or sets the high mapping property for the current series object.

Use HighMemberPath propert for high mapping of the current series object.
- **isCustomCategoryStyleAllowed**: `boolean` — Gets or sets whether this category series should allow custom style overrides of its individual visuals.

The IsCustomCategoryStyleAllowed property is used to check if the category series should allow custom style.

series.isCustomCategoryStyleAllowed= true;
- **isFinancial**: `boolean` — Gets whether the current series is a financial type series.
- **isNegativeColorSupported**: `boolean` — Overridden by derived series classes to indicate when negative colors are supported or not.
- **isTransitionInEnabled**: `boolean` — Gets or sets whether the series should transition into the plot area when a new data source is assigned.
Note: Transitions are not currently supported for stacked series.

The IsTransitionInEnabled property is used to check if the series should transition into the plot area when a new data source is assigned.

series.isTransitionInEnabled= true;
- **isValueAxisInverted**: `boolean` — Gets whether the current series shows an area shape.
- **lowMemberPath**: `string` — Gets or sets the low mapping property for the current series object.

The LowMemberPath is used for low mapping property of the current series object.
- **negativeBrush**: `string` — Gets or sets the brush to use for negative portions of the series.

The NegativeBrush property is used to brush the negative portions of the series.

series.negativeBrush="red";
- **openMemberPath**: `string` — Gets or sets the open mapping property for the current series object.

The OpenMemberPath property is used for open mapping of the current series object.
- **transitionInMode**: `CategoryTransitionInMode` — Gets or sets the method by which to animate the data into the chart when the chart data source is swapped.
Note: Transitions are not currently supported for stacked series.

The TransitionInMode property is used to gets or sets the method by which to animate the data into the chart when the chart data source is swapped.

series.transitionInMode =CategoryTransitionInMode.Auto;
- **typical**: `any` — Handle this event in order to perform a custom typical price calculation.

Use Typical event to perform a custom typical price calculation.

series.typical= this.chart_typical;

  chart_typical(sender :any,args: FinancialEventArgs )
  {


  }
- **typicalBasedOn**: `any` — Handle this event in order to specify which columns the Typical price calculation is based on.

Use TypicalBasedOn event to specify which columns the Typical price calculation is based on.

   series.typicalBasedOn= this.chart_typicalBasedOn;
    chart_typicalBasedOn(sender :any,args: FinancialEventArgs )
  {

  }
- **volumeMemberPath**: `string` — Gets or sets the volume mapping property for the current series object.

The VolumeMemberPath property is used for the volume mapping property of the current series object.
- **xAxis**: `IgcCategoryAxisBaseComponent` — Gets or sets the effective x-axis for the current FinancialSeries object.

Use XAxis property to set effective x-axis for the current FinancialSeries object.
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **yAxis**: `IgcNumericYAxisComponent` — Gets or sets the effective y-axis for the current FinancialSeries object.

Use YAxis property to set the effective y-axis for the current FinancialSeries object.
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getCategoryWidth**(): number — Returns the width of the category grouping this series is in.


The GetCategoryWidth method returns the width of the category grouping this series is in.

number width = series.getCategoryWidth();
- **getExactItemIndex**(world: IgPoint): number — Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the index of the item that resides at the provided world coordinates.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getOffsetValue**(): number — Returns the offset value for this series if grouped on a category axis.


The GetOffsetValue method returns the offset value for this series if grouped on a category axis.

number offset= series.getOffsetValue();
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesCloseValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesCloseValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesHighValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesHighValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesLowValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesLowValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesOpenValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesOpenValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesVolumeValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesVolumeValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **setNegativeColors**(negativeBrush: string, negativeOutline: string): void

### [IgcForceIndexIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcForceIndexIndicatorComponent)
Represents a IgxDataChartComponent Force Index indicator series.
Default required members: Close, Volume

The ForceIndexIndicator represents a IgxDataChartComponent Force Index indicator series.

- **constructor**(): IgcForceIndexIndicatorComponent
- static **htmlTagName**: `string`
- **defaultDisplayType**: `IndicatorDisplayType` — Gets default display type for the current Financial Indicator
- **period**: `number` — Gets or sets the moving average period for the current AverageTrueRangeSeries object.
The typical, and initial, value for ForceIndiex periods is 0.

You can use the period property to get the moving average period of the current FullStochasticOscillatorIndicator object

this.series.period = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcFragmentBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFragmentBaseComponent)
Represents one part of a stacked series.

- **constructor**(): IgcFragmentBaseComponent
- **isFragment**: `boolean` — Gets whether the current series is a stack fragment.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint

### [IgcFullStochasticOscillatorIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFullStochasticOscillatorIndicatorComponent)
Represents a IgxDataChartComponent Full Stochastic Oscillator indicator series.
Default required members: High, Low, Close

The FullStochasticOscillatorIndicator class represents a IgxDataChartComponent Full Stochastic Oscillator indicator series.

- **constructor**(): IgcFullStochasticOscillatorIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current FullStochasticOscillatorIndicator object.
The typical, and initial, value for FullStochasticOscillatorIndicator periods is 14.

You can use the period property for the moving average period of the current FullStochasticOscillatorIndicator object.

this.series.period = 30;
- **smoothingPeriod**: `number` — Gets or sets the moving average SmoothingPeriod for the current FullStochasticOscillatorIndicator object.
The typical, and initial, value for FullStochasticOscillatorIndicator SmoothingPeriod is 3.

The SmoothingPeriod property to fets/sets the moving average SmoothingPeriod for the current FullStochasticOscillatorIndicator object.

series.smoothingPeriod=30;
- **triggerPeriod**: `number` — Gets or sets the moving average TriggerPeriod for the current FullStochasticOscillatorIndicator object.
The typical, and initial, value for FullStochasticOscillatorIndicator TriggerPeriod is 3.

You can use the period to set the current moving average period.

this.series.triggerPeriod = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcFunnelChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFunnelChartComponent)

- **constructor**(): IgcFunnelChartComponent
- static **htmlTagName**: `string`
- **actualHighlightValueDisplayMode**: `HighlightedValueDisplayMode` — Gets whether and how to display the highlighted value.
- **actualHighlightValueOpacity**: `number` — Gets the actual opacity of the primary needle while highlighting
- **allowSliceSelection**: `boolean` — Gets or sets whether to allow slices to be selected.
- **bottomEdgeWidth**: `number` — Gets or sets the percentage (from near 0 to 1) of space the bottom edge of the funnel should take.
- **brushes**: `string[]` — Gets or sets the palette of brushes to use for coloring the slices.
- **dataSource**: `any[]`
- **formatInnerLabel**: `any` — Gets or sets the formatter function for inner labels. Function should return string and it takes 3 parameters: 1st-value of item to format, 2nd-index of item within data, 3rd-reference to the funnel chart.
- **formatOuterLabel**: `any` — Gets or sets the formatter function for outer labels. Function should return string and it takes 3 parameters: 1st-value of item to format, 2nd-index of item within data, 3rd-reference to the funnel chart.
- **funnelSliceDisplay**: `FunnelSliceDisplay` — Gets or sets how the heights of the funnel slices should be configured.
- **height**: `string`
- **highlightedValueMemberPath**: `string` — Gets or sets the highlighted value member path for the funnel chart.
- **highlightValueDisplayMode**: `HighlightedValueDisplayMode` — Gets or sets whether and how to display the highlighted value.
- **highlightValueOpacity**: `number` — Gets or sets the opacity while highlighting
- **innerLabelMemberPath**: `string` — Gets or sets the InnerLabel mapping property for the current series object.
- **innerLabelVisibility**: `Visibility` — Gets or sets whether the inner labels are visible.
- **isInverted**: `boolean` — Gets or sets if the funnel should be rendered inverted.
- **legend**: `any` — Gets or sets the legend used for the current chart.
- **legendItemBadgeTemplate**: `IgDataTemplate` — Gets or sets the LegendItemBadgeTemplate to use for the legend items.
- **outerLabelAlignment**: `OuterLabelAlignment` — Gets or sets which side of the chart the outer labels should appear.
- **outerLabelMemberPath**: `string` — Gets or sets the OuterLabel mapping property for the current series object.
- **outerLabelTextColor**: `string` — Gets or sets the brush used for the outer labels.
- **outerLabelTextStyle**: `string` — Gets or sets the text style for outer labels
- **outerLabelVisibility**: `Visibility` — Gets or sets whether the outer labels are visible.
- **outlines**: `string[]` — Gets or sets the palette of brushes to use for outlines on the slices.
- **outlineThickness**: `number` — Gets or sets the thickness of outline around slices.
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **selectedItems**: `IgcFunnelChartSelectedItemsCollection` — Represents the current selected items.
- **selectedItemsChanged**: `any` — Raised when the SelectedItems collection has changed.
- **selectedSliceFill**: `string` — Gets or sets the fill brush.
- **selectedSliceOpacity**: `number` — Gets or sets the opacity.
- **selectedSliceStroke**: `string` — Gets or sets the stroke brush.
- **selectedSliceStrokeThickness**: `number` — Gets or sets the stroke thickness.
- **sliceClicked**: `any` — Event which is raised when a slice is clicked.
Function takes first argument null and second argument ui.
Use ui.owner to obtain reference to igFunnelChart.
Use ui.index to obtain index of clicked slice.
Use ui.item to obtain reference to clicked slice item.
Use ui.selected to check if slice became selected.
- **sliceEnter**: `any` — Raised when a funnel slice is entered.
- **sliceHover**: `any` — Raised when a funnel slice is hovered.
- **sliceLeave**: `any` — Raised when a funnel slice is left.
- **textColor**: `string` — Gets or sets the brush used for the inner labels.
- **textStyle**: `string` — Gets or sets the text style for inner labels
- **transitionDuration**: `number` — Gets or sets how long the animations should take to run.
- **unselectedSliceFill**: `string` — Gets or sets the fill brush.
- **unselectedSliceOpacity**: `number` — Gets or sets the opacity.
- **unselectedSliceStroke**: `string` — Gets or sets the stroke brush.
- **unselectedSliceStrokeThickness**: `number` — Gets or sets the stroke thickness.
- **useBezierCurve**: `boolean` — Gets or sets whether to use a Bezier curve to define the funnel.
- **useOuterLabelsForLegend**: `boolean` — Gets or sets whether to use the outer labels to identify the legend items.
- **useUnselectedStyle**: `boolean` — Gets or sets whether to use the unselected style on unselected slices.
- **valueMemberPath**: `string` — Gets or sets the value member path for the funnel chart.
- **width**: `string`
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **bindData**(): void
- **connectedCallback**(): void
- **destroy**(): void
- **disconnectedCallback**(): void
- **ensureSelectedSliceStyle**(): void
- **ensureUnselectedSliceStyle**(): void
- **exportSerializedVisualData**(): string — Exports and serializes the chart visuals.
- **findByName**(name: string): any
- **flush**(): void — Use to force the funnel chart to finish any deferred work before printing or evaluating its visual.
This should only be called if the visual of the funnel chart needs to be synchronously saved or evaluated.
Calling this method too often will hinder the performance of the funnel chart.
- **notifyClearItems**(source_: any): void — Manually notifies the chart's data source that the data it has bound to has been cleared and needs to be re-examined.
This should not be called if the data that the chart is bound to is already observable.
- **notifyContainerResized**(): void
- **notifyInsertItem**(source_: any, index: number, newItem: any): void
- **notifyRemoveItem**(source_: any, index: number, oldItem: any): void
- **notifyResized**(): void — Notifies the controller and view about a size change.
- **notifySetItem**(source_: any, index: number, oldItem: any, newItem: any): void
- **provideContainer**(container: any): void — Provides container for funnel chart
- **toggleSelection**(index: number): void — Toggle selection of item at index.
- static **_createFromInternal**(internal: any): IgcFunnelChartComponent
- static **register**(): void

### [IgcFunnelChartSelectedItemsChangedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFunnelChartSelectedItemsChangedEventArgs)
Provides data for the SelectedItemsChanged event.

- **constructor**(): IgcFunnelChartSelectedItemsChangedEventArgs
- **currentItems**: `IgcFunnelChartSelectedItemsCollection` — A list of the current items selected.
- **newItems**: `IgcFunnelChartSelectedItemsCollection` — A list of the items being selected.
- **oldItems**: `IgcFunnelChartSelectedItemsCollection` — A list of the previously selected items.

### [IgcFunnelChartSelectedItemsCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFunnelChartSelectedItemsCollection)

- **constructor**(list?: any[]): IgcFunnelChartSelectedItemsCollection

### [IgcFunnelDataContext](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFunnelDataContext)
Represents contextual data for the funnel chart.

- **constructor**(): IgcFunnelDataContext
- **index**: `number` — The index of the data item that is in context.
- **item**: `any` — The data item that is in context.
- **findByName**(name: string): any

### [IgcFunnelSliceClickedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFunnelSliceClickedEventArgs)
Information about the clicked slice.

- **constructor**(): IgcFunnelSliceClickedEventArgs
- **bounds**: `IgRect` — The bounds of the slice.
- **index**: `number` — The index of the clicked slice.
- **item**: `any` — The data item for the clicked slice.

### [IgcFunnelSliceDataContext](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFunnelSliceDataContext)
Represents the funnel slice data currently in context.

- **constructor**(): IgcFunnelSliceDataContext
- **itemOutline**: `string` — Gets or sets the Outline to use to color the item.

### [IgcFunnelSliceEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcFunnelSliceEventArgs)
Information about the clicked slice.

- **constructor**(): IgcFunnelSliceEventArgs
- **bounds**: `IgRect` — The bounds of the slice.
- **index**: `number` — The index of the slice.
- **item**: `any` — The data item for the clicked slice.
- **position**: `IgPoint` — The position of the mouse relative to the funnel chart.

### [IgcHierarchicalRingSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcHierarchicalRingSeriesComponent)
Represents a
IgxDoughnutChartComponent hierarchical series.

- **constructor**(): IgcHierarchicalRingSeriesComponent
- static **htmlTagName**: `string`
- **childrenMemberPath**: `string` — Gets or sets the property name that contains the children items collection.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcHighDensityScatterSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcHighDensityScatterSeriesComponent)
Represents a IgxDataChartComponent series where a high volume of scatter points can be displayed.

- **constructor**(): IgcHighDensityScatterSeriesComponent
- static **htmlTagName**: `string`
- **heatMaximum**: `number` — Gets or sets the value that maps to the maximum heat color.
- **heatMaximumColor**: `string` — Gets or sets the color to use for the maximum end of the scale.
- **heatMinimum**: `number` — Gets or sets the density value that maps to the minimum heat color.
- **heatMinimumColor**: `string` — Gets or sets the color to use for the minimum end of the scale.
- **isPixel**: `boolean` — Gets whether the current series shows pixels.
- **isScatter**: `boolean` — Checks if this series is a scatter series
- **pointExtent**: `number` — Gets or sets the the pixel extent of the square data points that are rendered.
- **progressiveLoad**: `boolean` — Gets or sets the whether to progressively load the data into the chart.
- **progressiveLoadStatusChanged**: `any` — Raised when the progressive loading state of the series has changed.
- **progressiveStatus**: `number` — Represents the current status of the progressive load of the series. It will range from 0 to 100, where 100 is fully loaded.
- **useBruteForce**: `boolean` — Gets or sets the whether to use use brute force mode.
- **xAxis**: `IgcNumericXAxisComponent` — Gets or sets the effective x-axis for the current object.
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **xMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series X value in the Data Legend.
- **xMemberAsLegendUnit**: `string` — Gets or sets the unit after displayed after series X value in the Data Legend.
- **xMemberPath**: `string` — Gets or sets the x value mapping property for the current series object.
- **yAxis**: `IgcNumericYAxisComponent` — Gets or sets the effective y-axis for the current object.
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- **yMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series Y value in the Data Legend.
- **yMemberAsLegendUnit**: `string` — Gets or sets the unit after displayed after series Y value in the Data Legend.
- **yMemberPath**: `string` — Gets or sets the y value mapping property for the current series object.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The series is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.
- static **register**(): void

### [IgcHoleDimensionsChangedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcHoleDimensionsChangedEventArgs)
EventArgs class holding information about the dimensions of a hole in a doughnut chart.

- **constructor**(): IgcHoleDimensionsChangedEventArgs
- **center**: `IgPoint` — The center point of the hole.
- **radius**: `number` — The radius of the hole.

### [IgcHorizontalAnchoredCategorySeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcHorizontalAnchoredCategorySeriesComponent)
Base class for anchored category series with a category x-axis and a numeric y-axis.

Instantiate HorizontalAnchoredCategorySeries

- **constructor**(): IgcHorizontalAnchoredCategorySeriesComponent
- **xAxis**: `IgcCategoryAxisBaseComponent` — Gets or sets the effective x-axis for this series.

Instantiate xAxis
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **yAxis**: `IgcNumericYAxisComponent` — Gets or sets the effective y-axis for this series.

Instantiate yAxis
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getCategoryWidth**(): number — Returns the width of the category grouping this series is in.


You can use the GetCategoryWidth to get the width of the category grouping a series is in.

<!-- Angular JS -->

     var x = this.financialSeries.CanUseAsXAxis(this.xAxis);

<!-- Ignite JS -->

     N/A
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getOffsetValue**(): number — Returns the offset value for this series if grouped on a category axis.


You can use the GetOffsetValue to get the offset value for this series if grouped on a category axis.

<!-- Angular JS -->

      var g = series.getOffsetValue();

<!-- Ignite JS -->

     N/A
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValueMarkerBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value marker bounding box within the series that has the best value match for the world position provided.
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint

### [IgcHorizontalRangeCategorySeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcHorizontalRangeCategorySeriesComponent)
Base class for ranged category series with a category X-axis and a numeric Y-axis.

Instantiate HorizontalAnchoredCategorySeries

- **constructor**(): IgcHorizontalRangeCategorySeriesComponent
- **highMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' High value in the Data Legend.
- **highMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' High value in the Data Legend.
- **isRange**: `boolean` — Checks if this series is a range series

You can use the IsRange to get the current series is a range type series.

<!-- Angular JS -->

  var r = this.series.isRange;
- **lowMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' Low value in the Data Legend.
- **lowMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' Low value in the Data Legend.
- **xAxis**: `IgcCategoryAxisBaseComponent` — Gets or sets the effective x-axis for the current CategorySeries object.

Instantiate xAxis
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **yAxis**: `IgcNumericYAxisComponent` — Gets or sets the effective y-axis for the current CategorySeries object.

Instantiate yAxis
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getCategoryWidth**(): number — Returns the width of the category grouping this series is in.


You can use the GetCategoryWidth to get the width of the category grouping a series is in.

<!-- Angular JS -->

     var x = this.financialSeries.CanUseAsXAxis(this.xAxis);

<!-- Ignite JS -->

     N/A
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getOffsetValue**(): number — Returns the offset value for this series if grouped on a category axis.


You can use the GetOffsetValue to get the offset value for this series if grouped on a category axis.

<!-- Angular JS -->

      var g = series.getOffsetValue();

<!-- Ignite JS -->

     N/A
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesHighValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesHighValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesLowValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesLowValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint

### [IgcHorizontalStackedSeriesBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcHorizontalStackedSeriesBaseComponent)
Base class for stacked series with a category x-axis and a numeric y-axis.

- **constructor**(): IgcHorizontalStackedSeriesBaseComponent
- **hasValueAxis**: `boolean` — Gets whether the current series shows an area shape.
- **isValueAxisInverted**: `boolean` — Gets whether the current series shows an area shape.
- **xAxis**: `IgcCategoryAxisBaseComponent` — Gets or sets the effective x-axis for this series.
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **yAxis**: `IgcNumericYAxisComponent` — Gets or sets the effective y-axis for this series.
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getCategoryWidth**(): number — Returns the width of the category grouping this series is in.
- **getOffsetValue**(): number — Returns the offset value for this series if grouped on a category axis.

### [IgcIndexCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcIndexCollection)

- **constructor**(list?: number[]): IgcIndexCollection

### [IgcIndicatorDisplayTypeCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcIndicatorDisplayTypeCollection)

- **constructor**(list?: IndicatorDisplayType[]): IgcIndicatorDisplayTypeCollection

### [IgcItemLegendComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcItemLegendComponent)
Represents a legend that displays an item for each point in the series.

You can use the ItemLegend to display a legend item for each data member bound to the BubbleSeries

- **constructor**(): IgcItemLegendComponent
- static **htmlTagName**: `string`
- **i**: `ItemLegend`
- **isItemwise**: `boolean` — Gets whether or not this legend supports itemwise visuals
- **orientation**: `LegendOrientation` — Gets or sets the current Legend object's orientation.
- **textColor**: `string` — Gets or sets color of text
- **textStyle**: `string` — Gets or sets style of text.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **createItemwiseLegendItems**(legendItems: any, series: any): void
- **destroy**(): void
- **disconnectedCallback**(): void
- **exportSerializedVisualData**(): any — Returns the legend visuals expressed as a serialized string.
- **exportVisualData**(): any
- static **register**(): void

### [IgcItemToolTipLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcItemToolTipLayerComponent)
Represents an annotation layer that displays tooltips for all target series individually.

- **constructor**(): IgcItemToolTipLayerComponent
- static **htmlTagName**: `string`
- **isAnnotationHoverLayer**: `boolean` — Gets whether the series is an annotation layer displayed only when hovering over the chart.
- **isDefaultTooltipBehaviorDisabled**: `boolean` — Gets whether the default tooltip behaviors for the chart are disabled if this layer is present.
- **isToolTipLayer**: `boolean` — Gets whether the series is an annotation layer.
- **skipUnknownValues**: `boolean` — Gets or sets whether to skip past unknown values when searching for series values.
- **targetSeries**: `IgcSeriesComponent` — Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
- **targetSeriesName**: `string` — Gets or sets the name of the series series to target this annotation to. If null, this annotation targets all series simultaneously.
- **toolTipBackground**: `string` — Gets or sets the background of the tooltip containers.
- **toolTipBorderBrush**: `string` — Gets or sets the border color of the tooltip containers.
- **toolTipBorderThickness**: `number` — Gets or sets the border thickness of the tooltip containers.
- **useInterpolation**: `boolean` — Gets or sets whether to use value interpolation when drawing the tooltips.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **hideToolTips**(): void — Hides any tooltips presented by the layer, if any.
- **hideToolTipsImmediate**(): void — Hides any tooltips presented by the layer, if any.
- static **register**(): void

### [IgcItemwiseStrategyBasedIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcItemwiseStrategyBasedIndicatorComponent)
Financial indicator base class for doing calculating an itemwize indicator.
An itemwise indicator's individual values don't depend on any other values in the
collection so can always be independently recalculated. Also, because of this, the
base class handles all the looping logic and inheritors only need to provide the
actual calculation.

- **constructor**(): IgcItemwiseStrategyBasedIndicatorComponent
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **resolveIsItemwise**(): boolean — This is a marker method to distinguish this from a public api perspective on some platforms compared to the base strategy based indicators.

### [IgcLabelClickEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLabelClickEventArgs)
Contains PieChart label click event data.

- **constructor**(): IgcLabelClickEventArgs
- **allowSliceClick**: `boolean` — Gets and sets whether or not the owning pie chart should fire its SliceClick event
- **item**: `any` — Gets the slice data context.

### [IgcLabelFormatOverrideEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLabelFormatOverrideEventArgs)
Event args used byt the LabelFormatOverride Delegate to provide a way to override default label functionality..

- **constructor**(): IgcLabelFormatOverrideEventArgs
- **dateTime**: `Date` — The DateTime the override is invoked with.
- **format**: `IgcTimeAxisLabelFormatComponent` — The format to which this override is attached.
- **label**: `string` — Gets or sets the label that should be used.

### [IgcLegendBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLegendBaseComponent)
Represents the base class for a legend in IgxDataChartComponent.

- **constructor**(): IgcLegendBaseComponent
- **i**: `LegendBase`
- **isFinancial**: `boolean` — Gets if the legend is a financial legend.
- **isItemwise**: `boolean` — Gets if the legend is item-wise.
- **legendItemMouseEnter**: `any` — Event raised when the mouse pointer enters a legend item of this legend.
- **legendItemMouseLeave**: `any` — Event raised when the mouse pointer leaves a legend item of this legend.
- **legendItemMouseLeftButtonDown**: `any` — Event raised when the left mouse button is pressed while the mouse pointer is over a legend item
in this Legend.
- **legendItemMouseLeftButtonUp**: `any` — Event raised when the left mouse button is released while the mouse pointer is over a legend item
in this Legend.
- **legendItemMouseMove**: `any` — Event raised when the mouse pointer moves over a legend item of this legend.
- **legendTextContentChanged**: `any` — Event raised when this legend's required size changes.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **exportSerializedVisualData**(): string — Returns the legend visuals expressed as a serialized string.
- **findByName**(name: string): any
- **flushTextContentChangedCheck**(): void — Use to force the Legend to check for differences in text content.
- **simulateClick**(point: IgPoint): void
- **simulateHover**(point: IgPoint): void
- **simulateMouseLeave**(): void

### [IgcLegendComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLegendComponent)
Represents a legend in a IgxDataChartComponent control.

The Legend helps end-user identify visuals of chart series with contextual information related to the data plotted in the chart control.

- **constructor**(): IgcLegendComponent
- **container**: `WebComponentWrapper`
- static **htmlTagName**: `string`
- **i**: `Legend`
- **orientation**: `LegendOrientation` — Gets or sets the current Legend object's orientation.
- **textColor**: `string` — Gets or sets color of text
- **textStyle**: `string` — Gets or sets style of text.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **destroy**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcLegendMouseButtonEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLegendMouseButtonEventArgs)
Provides data for legend mouse button related events.

- **constructor**(): IgcLegendMouseButtonEventArgs
- **chart**: `ILegendOwner` — Gets the Chart associated with the current event.
- **handled**: `boolean` — Gets or sets a value that indicates the present state of the event handling for a routed
event as it travels the route.
ChartMouseButton events are not routed events; setting this property effects the underlying
MouseButtonEvent.
- **item**: `any` — Gets the ItemsSource item associated with the current event.
- **legendItem**: `any` — The legend item that was the target of the mouse event.
- **originalSource**: `any` — Gets a reference to the object that raised the event.
- **series**: `ILegendSeries` — Gets the series associated with the current event.
- **toString**(): string — Provides a human readable description of the mouse button event.

### [IgcLegendMouseEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLegendMouseEventArgs)
Provides data for legend mouse button related events.

- **constructor**(): IgcLegendMouseEventArgs
- **chart**: `ILegendOwner` — Gets the Chart associated with the current event.
- **item**: `any` — Gets the ItemsSource item associated with the current event.
- **legendItem**: `any` — The legend item in context.
- **originalSource**: `any` — Gets a reference to the object that raised the event.
- **series**: `ILegendSeries` — Gets the series associated with the current event.
- **toString**(): string — Provides a human readable description of the mouse button event.

### [IgcLegendTextContentChangedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLegendTextContentChangedEventArgs)
Provides data for legend's text content changed event.

- **constructor**(): IgcLegendTextContentChangedEventArgs

### [IgcLinearContourValueResolverComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLinearContourValueResolverComponent)
ContourValueResolver class which resolves contour lines to be distributed at linear intervals from the data minimum to the data maximum.

- **constructor**(): IgcLinearContourValueResolverComponent
- static **htmlTagName**: `string`
- **valueCount**: `number` — Gets or sets how many contour values to return.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcLineFragmentComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLineFragmentComponent)
Represents one part of a StackedLineSeries.

- **constructor**(): IgcLineFragmentComponent
- static **htmlTagName**: `string`
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.
- **isLineOnly**: `boolean` — Gets whether the current series shows only line shapes.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcLineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcLineSeriesComponent)
Represents a IgxDataChartComponent line series.
Displays trend over time or ordered categories.
Useful when there are many data points and the order is important.

LineSeries belongs to a group of CategorySeries and it is rendered using a collection of points connected by straight line segments.

- **constructor**(): IgcLineSeriesComponent
- static **htmlTagName**: `string`
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.

Gets whether the Series shows an area or a line shape.

let isAreaOrLine: boolean = series.isAreaOrLine;
- **isLineOnly**: `boolean` — Gets whether the current series shows only line shapes.
- **unknownValuePlotting**: `UnknownValuePlotting` — Determines how unknown values will be plotted on the chart.
Null and Double.NaN are two examples of unknown values.

Determines how unknown values will be plotted for the Series. This can be set to LinearInterpolate to create a continous shape or DontPlot to create breaks in the series.

Null and Double.NaN are two examples of unknown values.

series.unknownValuePlotting = UnknownValuePlotting.LinearInterpolate;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcMarkerSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcMarkerSeriesComponent)
Represents the base class for series containing markers.

MarkerSeries represents the base class for series containing markers.

Example:

- **constructor**(): IgcMarkerSeriesComponent
- **actualMarkerBrush**: `string` — Gets the effective marker brush for the current series object.

ActualMarkerBrush property gets the effective marker brush for the current series object. For example, you can use it like this:

 let effectiveMarkerBrush: string = this.series.actualMarkerBrush;
- **actualMarkerOutline**: `string` — Gets the effective marker outline for the current series object.

    ActualMarkerOutline property gets the effective marker outline for the current series object. You can use it like this:

 let effectiveMarkerOutline: string = this.series.actualMarkerOutline;
- **actualMarkerTemplate**: `IgDataTemplate` — Gets the effective marker template for the current series object.

ActualMarkerTemplate property gets the effective marker template for the current series object. You can use it like this:
- **actualMarkerType**: `MarkerType` — Represents the resolved marker type for the series.
- **effectiveIsMarkerCircular**: `boolean` — Gets whether the markers for the current series are in circular shape
- **hasMarkers**: `boolean` — Returns whether the current series supports visual markers.

HasMarkers property is overriden, it returns whether the current series supports visual markers. You can use it like this:

 let gotMarkers: boolean = this.series.hasMarkers;
- **hasVisibleMarkers**: `boolean` — Returns whether the current series has a visible marker style.
- **isCustomMarkerCircular**: `boolean` — Gets or sets whether the marker for the current series object should be treated as circular.
- **markerBrush**: `string` — Gets or sets the brush that specifies how the current series object's marker interiors are painted.

MarkerBrush property gets or sets the brush that specifies how the current series object's marker interiors are painted. You can use it like this:

this.series.markerBrush = "red";
- **markerFillMode**: `MarkerFillMode` — Gets or sets whether the marker fill is based on the marker outline of the series rather than the marker brushes collection.
- **markerOutline**: `string` — Gets or sets the brush that specifies how the current series object's marker outlines are painted.

MarkerOutline property gets or sets the brush that specifies how the current series object's marker outlines are painted. You can use it like this:

this.series.markerOutline = "red";
- **markerOutlineMode**: `MarkerOutlineMode` — Gets or sets whether the marker outline is based on the marker brush of the series rather than the marker outlines collection.
- **markerTemplate**: `IgDataTemplate` — Gets or sets the MarkerTemplate for the current series object.

MarkerTemplate property gets or sets the MarkerTemplate for the current series object. For example, you can use it like this:
- **markerThickness**: `number` — Gets or sets thickness of the marker outline
- **markerType**: `MarkerType` — Gets or sets the marker type for the current series object.
This property is ignored when the MarkerTemplate property is set

MarkerType property gets or sets the marker type for the current series object. For example, you can set it like this:

this.series.markerType = "circle";
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void

### [IgcMarkerTypeCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcMarkerTypeCollection)

- **constructor**(list?: MarkerType[]): IgcMarkerTypeCollection

### [IgcMarketFacilitationIndexIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcMarketFacilitationIndexIndicatorComponent)
Represents a IgxDataChartComponent Market Facilitation Index indicator series.
The Market Facilitation Index (MFI) indicator is represented by
the difference of the high and the low for a bar divided by the volume.
Default required members: High, Low, Volume

The Market Facilitation Index (MFI) indicator is represented by the difference of the high and the low for a bar divided by the volume.

Example:

- **constructor**(): IgcMarketFacilitationIndexIndicatorComponent
- static **htmlTagName**: `string`
- **defaultDisplayType**: `IndicatorDisplayType` — Gets default display type for the current Financial Indicator
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcMassIndexIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcMassIndexIndicatorComponent)
Represents a IgxDataChartComponent Mass Index indicator series.
Default required members: High, Low

Represents a Ignite UIDataChart Mass Index indicator series.

Example:

- **constructor**(): IgcMassIndexIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcMedianPriceIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcMedianPriceIndicatorComponent)
Represents a IgxDataChartComponent Median Price indicator series.
Default required members: High, Low

Represents a Ignite UIDataChart Median Price indicator series.

Example:

- **constructor**(): IgcMedianPriceIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcMoneyFlowIndexIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcMoneyFlowIndexIndicatorComponent)
Represents a IgxDataChartComponent Money Flow Index indicator series.
Default required members: Close, Low, High, Volume

Represents a Ignite UIDataChart Money Flow Index indicator series.

Example:

- **constructor**(): IgcMoneyFlowIndexIndicatorComponent
- static **htmlTagName**: `string`
- **defaultDisplayType**: `IndicatorDisplayType` — Gets default display type for the current Financial Indicator
- **period**: `number` — Gets or sets the moving average period for the current MoneyFlowIndexIndicator object.
The typical, and initial, value for MoneyFlowIndexIndicator periods is 14.

Gets or sets the moving average period for the current MoneyFlowIndexIndicator object.

Example:

this.series.period = 14;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcMovingAverageConvergenceDivergenceIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcMovingAverageConvergenceDivergenceIndicatorComponent)
Represents a IgxDataChartComponent Moving Average Convergence/Divergence (MACD) indicator series.
Default required members: High, Low, Close

Represents a Ignite UIDataChart Moving Average Convergence/Divergence (MACD) indicator series.

Example:

- **constructor**(): IgcMovingAverageConvergenceDivergenceIndicatorComponent
- static **htmlTagName**: `string`
- **defaultDisplayType**: `IndicatorDisplayType` — Gets default display type for the current Financial Indicator
- **longPeriod**: `number` — Gets or sets the long moving average period for the current MovingAverageConvergenceDivergenceIndicator object.
The typical, and initial, value for long MACD periods is 30.

Gets or sets the long moving average period for the current MovingAverageConvergenceDivergenceIndicator object.

Example:

this.series.longPeriod="30" ;
- **shortPeriod**: `number` — Gets or sets the short moving average period for the current MovingAverageConvergenceDivergenceIndicator object.
The typical, and initial, value for short MACD periods is 10.

Gets or sets the short moving average period for the current MovingAverageConvergenceDivergenceIndicator object.

Example:
- **signalPeriod**: `number` — Gets or sets the long moving average period for the current MovingAverageConvergenceDivergenceIndicator object.
The typical, and initial, value for long PVO periods is 30.

Gets or sets the long moving average period for the current MovingAverageConvergenceDivergenceIndicator object.

Example:
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcNegativeVolumeIndexIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcNegativeVolumeIndexIndicatorComponent)
Represents a IgxDataChartComponent Negative Volume Index indicator (NVI) series.
Default required members: Close, Volume

The NegativeVolumeIndexIndicator (NVI) is a finacial indicator frequently used in combination with the PositiveVolumeIndexIndicator. This calculation can be used to identify bull markets. These two indicators are based on the premise that smart money trades on low volume days and less informed or overly optimistic investors trade on high volume days.

Using this indicator requires setting both the CloseMemberPath and VolumeMemberPath.

- **constructor**(): IgcNegativeVolumeIndexIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcNumericAngleAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcNumericAngleAxisComponent)
Represents a IgxDataChartComponent angle based axis for polar series.

- **constructor**(): IgcNumericAngleAxisComponent
- static **htmlTagName**: `string`
- **companionAxisLabelMode**: `AxisAngleLabelMode` — Gets or sets the mode axis labels will operate for the companion axis.
- **companionAxisStartAngleOffset**: `number` — Gets or sets angle in degress that the chart's 0th angle should be offset for the companion axis
- **isAngular**: `boolean` — Gets if the current axis is of angular axis type
- **labelMode**: `AxisAngleLabelMode` — Indicates the mode axis labels will operate in.
- **startAngleOffset**: `number` — Indicates the angle in degress that the chart's 0th angle should be offset.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getScaledAngle**(unscaledAngle: number): number — Gets the scaled angle value in radians based on the raw input.
- **getUnscaledAngle**(scaledAngle: number): number — Gets the raw axis value back from the angle that would be used on the chart.
- static **register**(): void

### [IgcNumericAxisBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcNumericAxisBaseComponent)
Represents the base class for all IgxDataChartComponent numeric axes.

- **constructor**(): IgcNumericAxisBaseComponent
- **abbreviatedLabelFormat**: `string` — Gets or sets the label format string to use for the label.
- **abbreviatedLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the AbbreviatedLabelFormat string.
- **abbreviateLargeNumbers**: `boolean` — A boolean indicating whether or not to abbreviate large numbers.
- **actualInterval**: `number` — Gets the effective value for the current Interval.

let effectiveInterval: number = yAxis.actualInterval;
- **actualIntervalChange**: `any`
- **actualIsLogarithmic**: `boolean` — Determines if the axis has a valid logarithmic scale.

let effectiveLogarithmic: boolean = this.yAxis.actualIsLogarithmic
- **actualMaximumValue**: `number` — Gets the effective maximum value for the current numeric axis object.

let effectiveMaxValue: number = yAxis.actualMaximumValue;
- **actualMaximumValueChange**: `any`
- **actualMaxPrecision**: `number` — Gets the effective value for the current max precision.
- **actualMinimumValue**: `number` — Gets the effective minimum value for the current numeric axis object.

let effectiveMinValue: number = yAxis.actualMinimumValue;
- **actualMinimumValueChange**: `any`
- **actualMinorInterval**: `number` — Gets the effective value for the current MinorInterval.

let effectiveMinorInterval: number = yAxis.actualMinorInterval;
- **actualMinorIntervalChange**: `any`
- **actualVisibleMaximumValue**: `number` — Gets the effective visible maximum value for the current numeric axis object.

The ActualVisibleMaximumValue is used to get the current visible maximum value for the a numeric axis. Note, at times the ActualVisibleMaximumValue may differ from the ActualMaximumValue, for example when the chart is zoomed.

let effectiveVisibleMaxValue: number = yAxis.actualVisibleMaximumValue;
- **actualVisibleMinimumValue**: `number` — Gets the effective minimum value for the current numeric axis object.

The actualVisibleMinimumValue is used to get the current visible maximum value for the a numeric axis. Note, at times the actualVisibleMinimumValue may differ from the actualMinimumValue, for example when the chart is zoomed.

let effectiveVisibleMinValue: number = yAxis.actualVisibleMinimumValue;
- **autoRangeBufferMode**: `AxisRangeBufferMode` — Gets or sets how the numeric axis will adjust its range buffer to less closely fix the data from the series.
- **companionAxisInterval**: `number` — Gets or sets interval of labels on the companion axis.
- **companionAxisIsLogarithmic**: `FeatureState` — Gets or sets whether or not the companion axis is logarithmic.
- **companionAxisLogarithmBase**: `number` — Gets or sets logarithm base on the companion axis.
- **companionAxisMaximumValue**: `number` — Gets or sets maximum value the companion axis.
- **companionAxisMinimumValue**: `number` — Gets or sets minimum value the companion axis.
- **companionAxisMinorInterval**: `number` — Gets or sets interval of minor gridlines on the companion axis.
- **favorLabellingScaleEnd**: `boolean` — Gets or sets whether the axis should favor emitting a label at the end of the scale.
- **formatAbbreviatedLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for displaying in the chart.
- **hasUserMaximum**: `boolean` — Determines if the axis has a user-defined maximum.

 HasUserMinimum is used to determine if a numeric axis has a user definied minium value.

let hasSetMinimum: boolean = this.yAxis.hasUserMinimum;
- **hasUserMinimum**: `boolean` — Determines if the axis has a user-defined minimum.

 HasUserMaximum is used to determine if a numeric axis has a user definied maximum value.

let hasSetMaximum: boolean = this.yAxis.hasUserMaximum;
- **interval**: `number` — Gets or sets the Interval property.

The Interval is used to get or set the numeric axis major interval which specifies how frequent major gridlines and axis labels are rendered on an axis.

this.yAxis.interval = 20;
- **isFormattingAbbreviatedLargeNumber**: `boolean`
- **isLogarithmic**: `boolean` — Gets or sets the IsLogarithmic property.

IsLogarithmic is used to get or set whether the numeric axis scaler is in linear or logarithmic mode. For logarithmic scaling, this can be used in conjunction with LogarithmBase to further define the logarithmic scale.

this.yAxis.isLogarithmic= true;
this.yAxis.logarithmBase = 2;
- **isNumeric**: `boolean` — Gets or sets if the current axis is of numeric axis type
- **logarithmBase**: `number` — Gets or sets the LogarithmBase property.

LogarithmBase is used to get or set logarithm base when a numeric axis is in Logarithmic scale mode. For logarithmic scaling, this is used in conjunction with IsLogarithmic or ScaleMode to set logarithmic scaling.

this.yAxis.scaleMode = NumericScaleMode.Logarithmic;
this.yAxis.logarithmBase = 2;
- **maximumValue**: `number` — Gets or sets the MaximumValue property.

Used to set the maximum value of a numeric axis. To get the maximum value in effect on a numeric axis use ActualMaximumValue.

this.yAxis.maximumValue = 80;
- **maxPrecision**: `number` — Gets or sets the the maximum precision to use for the auto interval.
- **minimumValue**: `number` — Gets or sets the MinimumValue property.

Used to set the minimum value of a numeric axis. To get the minimum value in effect on a numeric axis use ActualMinimumValue.

this.yAxis.minimumValue = 0;
- **minorInterval**: `number` — Gets or sets the MinorInterval property.

The MinorInterval is used to get or set the numeric axis minor interval which specifies how frequent minor gridlines are rendered on an axis. Please note, in order for minor gridlines to be displayed the following may also need to be set: MinorStroke, MinorStrokeThickness.

this.yAxis.minorInterval = 2.5;
this.yAxis.minorStroke = 'blue';
this.yAxis.minorStrokeThickness = 1;
- **referenceValue**: `number` — Gets or sets the ReferenceValue property.

Used to get or set a reference value on a numeric axis which when used with an area, bar, or column series will result in the series shapes being drawn above or below the specified value.

this.yAxis.referenceValue = 30;
- **shouldApplyMaxPrecisionWhenZoomed**: `boolean` — Gets or sets the the maximum precision to use for the auto interval.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getFullRange**(): number[]
- **unscaleValue**(unscaledValue: number): number — Unscales a value from screen space into axis space.

### [IgcNumericRadiusAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcNumericRadiusAxisComponent)
Represents a IgxDataChartComponent radius axis for polar and radial series.

this.series1.angleAxisName = "AngleAxis";
this.series1.valueAxisName = "numericYAxis";

- **constructor**(): IgcNumericRadiusAxisComponent
- static **htmlTagName**: `string`
- **innerRadiusExtentScale**: `number` — Defines the percentage of the maximum radius extent to leave blank at the center of the chart. Should be
a value between 0.0 and 1.0.
- **isRadial**: `boolean` — Checks if the axis is of radial axis type

let isRadial: boolean = this.series.isRadial;
- **radiusExtentScale**: `number` — Defines the percentage of the maximum radius extent to use as the maximum radius. Should be
a value between 0.0 and 1.0.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getScaledValue**(unscaledValue: number): number — Returns a world coordinates radius length (0 - 0.5) from a raw axis value.
- **getUnscaledValue**(scaledValue: number): number — Returns a raw axis value from the world coordinates radius length provided.
- static **register**(): void

### [IgcNumericXAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcNumericXAxisComponent)
Represents a IgxDataChartComponent numeric X axis.

The NumericXAxis treats the data as continuously varying numerical data items. Labels on this axis are placed along the X-axis. The location of labels varies according to the value in a data column that is mapped using the XMemberPath property of Scatter Series or ValueMemberPath property of Bar Series.

- **constructor**(): IgcNumericXAxisComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **scrollRangeIntoView**(minimum: number, maximum: number): void
- static **register**(): void

### [IgcNumericYAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcNumericYAxisComponent)
Represents a IgxDataChartComponent numeric Y axis.

The NumericYAxis treats the data as continuously varying numerical data items. Labels on this axis are placed along the Y-axis. Location of labels varies according to the value in a data column that is mapped using the YMemberPath property for Scatter Series or ValueMemberPath property for Category Series.

- **constructor**(): IgcNumericYAxisComponent
- static **htmlTagName**: `string`
- **isVertical**: `boolean` — Gets if the current axis is of vertical axis
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **scrollRangeIntoView**(minimum: number, maximum: number): void
- static **register**(): void

### [IgcOnBalanceVolumeIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcOnBalanceVolumeIndicatorComponent)
Represents a IgxDataChartComponent On Balance Bolume indicator series.
Default required members: Close, Volume

You can use the OnBalanceVolumeIndicator to calculate a running total of sales volume for a stock.

- **constructor**(): IgcOnBalanceVolumeIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcOrdinalTimeXAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcOrdinalTimeXAxisComponent)
A horizontal axis that uses an ordinal DateTime scale.
On an ordinal time axis, datapoints are aligned according to their order in the ItemsSource, like a category axis.

You can use the OrdinalTimeXAxis to display dates at equidistant.

this.series.xAxis = this.ordinalTimeXAxis;
this.series.yAxis = this.numericYAxis;
this.series.xAxisName = "xAxis";
this.series.yAxisName = "YAxis";

- **constructor**(): IgcOrdinalTimeXAxisComponent
- static **htmlTagName**: `string`
- **dateTimeMemberPath**: `string` — Gets or sets the DateTime mapping property for the axis.
- **isOrdinal**: `boolean` — Gets or sets if the current axis is of ordinal axis type
- **labelFormats**: `IgcTimeAxisLabelFormatCollection` — A list of axis label formats to apply, which are selected according to the visible axis range.
The label format selected will be the one with the largest range smaller than the visible range of the axis.

You can use the LabelFormats for adjusting the labels depending on the range of the time shown by the chart.

let labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "hh:mm:ss";
labelFormat.range = 1000;
this.xAxis.labelFormats.add(labelFormat);
labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "hh:mm";
labelFormat.range = 60 * 1000;
this.xAxis.labelFormats.add(labelFormat);
labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "MMM-dd-yy";
labelFormat.range = 24 * 60 * 60 * 1000;
this.xAxis.labelFormats.add(labelFormat);
labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "MMM yy";
labelFormat.range = 365.24 * 24 * 60 * 60 * 1000;
this.xAxis.labelFormats.add(labelFormat);
labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "yyyy";
labelFormat.range = 5 * 365 * 24 * 60 * 60 * 1000;
this.xAxis.labelFormats.add(labelFormat);
- **labellingMode**: `TimeAxisLabellingMode` — Gets or sets the labelling mode to use when the automatic label formats are applied.
- **maximumValue**: `Date` — Sets the maximum DateTime value to be displayed on this axis.
This property can be used to constrain the items displayed on the axis, within the range of DateTimes in the ItemsSource.  It will ignore any setting outside the actual range of data.
- **minimumValue**: `Date` — Sets the minimum DateTime value to be displayed on this axis.
This property can be used to constrain the items displayed on the axis, within the range of DateTimes in the ItemsSource.  It will ignore any setting outside the actual range of data.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getValueLabel**(value: number): string — Gets the label for a data item.
- static **register**(): void

### [IgcOthersCategoryContextComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcOthersCategoryContextComponent)

- **constructor**(): IgcOthersCategoryContextComponent
- static **htmlTagName**: `string`
- **items**: `any[]` — Gets the items in the others category.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **_createFromInternal**(internal: any): IgcOthersCategoryContextComponent
- static **register**(): void

### [IgcOverlayTextInfo](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcOverlayTextInfo)
Represents data annotation

- **constructor**(): IgcOverlayTextInfo
- **background**: `string` — Gets or sets background of the overlay text
- **backgroundMode**: `AnnotationAppearanceMode` — Gets or sets appearance mode of the overlay text background
- **backgroundShift**: `number` — Gets or sets appearance shift of the overlay text background
- **borderMode**: `AnnotationAppearanceMode` — Gets or sets appearance mode of the overlay text border
- **borderRadius**: `number` — Gets or sets boarder border radius of the overlay text
- **borderShift**: `number` — Gets or sets appearance shift of the overlay text border
- **borderStroke**: `string` — Gets or sets border stroke of the overlay text
- **borderThickness**: `number` — Gets or sets boarder thickness of the overlay text
- **horizontalMargin**: `number` — Gets or sets Horizontal Margin for the overlay text
- **horizontalPadding**: `number` — Gets or sets Horizontal Padding for the overlay text
- **shapeBrush**: `string` — Gets or sets shape brush associated with the overlay text
- **shapeOutline**: `string` — Gets or sets shape outline associated with the overlay text
- **textAngle**: `number` — Gets or sets rotation angle of the overlay text
- **textColor**: `string` — Gets or sets color of the overlay text
- **textColorMode**: `AnnotationAppearanceMode` — Gets or sets appearance mode of the overlay text color
- **textColorShift**: `number` — Gets or sets appearance shift of the overlay text color
- **textContent**: `string` — Gets or sets content of the overlay text
- **textLocation**: `OverlayTextLocation` — Gets or sets location of the overlay text in relation to shape annotation
- **textVisible**: `boolean` — Gets or sets visibility of the overlay text
- **verticalMargin**: `number` — Gets or sets Vertical Margin for the overlay text
- **verticalPadding**: `number` — Gets or sets Vertical Padding for the overlay text
- **findByName**(name: string): any

### [IgcOverlayTextUpdatingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcOverlayTextUpdatingEventArgs)
Represents an event arguments for styling Overlay Text

- **constructor**(): IgcOverlayTextUpdatingEventArgs
- **background**: `string` — Gets or sets background of the overlay text
- **backgroundMode**: `AnnotationAppearanceMode` — Gets or sets appearance mode of the overlay text background
- **backgroundShift**: `number` — Gets or sets appearance shift of the overlay text background
- **borderMode**: `AnnotationAppearanceMode` — Gets or sets appearance mode of the overlay text border
- **borderRadius**: `number` — Gets or sets boarder border radius of the overlay text
- **borderShift**: `number` — Gets or sets appearance shift of the overlay text border
- **borderStroke**: `string` — Gets or sets border stroke of the overlay text
- **borderThickness**: `number` — Gets or sets boarder thickness of the overlay text
- **dataIndex**: `number` — Gets data index associated with the overlay text
- **horizontalMargin**: `number` — Gets or sets Horizontal Margin for the overlay text
- **horizontalPadding**: `number` — Gets or sets Horizontal Padding for the overlay text
- **shapeBrush**: `string` — Gets or sets shape brush associated with the overlay text
- **shapeOutline**: `string` — Gets or sets shape outline associated with the overlay text
- **textAngle**: `number` — Gets or sets rotation angle of the overlay text
- **textColor**: `string` — Gets or sets color of the overlay text
- **textColorMode**: `AnnotationAppearanceMode` — Gets or sets appearance mode of the overlay text color
- **textColorShift**: `number` — Gets or sets appearance shift of the overlay text color
- **textContent**: `string` — Gets or sets content of the overlay text
- **textEmpty**: `boolean` — Gets or sets visibility of the overlay text
- **textLocation**: `OverlayTextLocation` — Gets or sets location of the overlay text in relation to shape annotation
- **textVisible**: `boolean` — Gets or sets visibility of the overlay text
- **verticalMargin**: `number` — Gets or sets Vertical Margin for the overlay text
- **verticalPadding**: `number` — Gets or sets Vertical Padding for the overlay text

### [IgcPercentagePriceOscillatorIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPercentagePriceOscillatorIndicatorComponent)
Represents a IgxDataChartComponent percentage price oscillator series.
Default required members: High, Low, Volume

You can use the PercentagePriceOscillatorIndicator to show the difference between two moving averages.

- **constructor**(): IgcPercentagePriceOscillatorIndicatorComponent
- static **htmlTagName**: `string`
- **longPeriod**: `number` — Gets or sets the long moving average period for the current PercentagePriceOscillatorIndicator object.
The typical, and initial, value for long PVO periods is 30.

You can use the LongPeriod to set the long moving average period.

this.series.longPeriod = 30;
- **shortPeriod**: `number` — Gets or sets the short moving average period for the current PercentagePriceOscillatorIndicator object.
The typical, and initial, value for short PPO periods is 10.

You can use the ShortPeriod to set the short moving average period.

this.series.shortPeriod = 10;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPercentageVolumeOscillatorIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPercentageVolumeOscillatorIndicatorComponent)
Represents a IgxDataChartComponent Percentage Volume Oscillator (PVO) series.
Default required members: Volume

You can use the PercentageVolumeOscillatorIndicator to show the percentage difference volume.

- **constructor**(): IgcPercentageVolumeOscillatorIndicatorComponent
- static **htmlTagName**: `string`
- **longPeriod**: `number` — Gets or sets the short moving average period for the current PercentageVolumeOscillatorIndicator object.
The typical, and initial, value for long PVO periods is 30.

You can use the LongPeriod to set the long moving average period.

this.series.longPeriod = 30;
- **shortPeriod**: `number` — Gets or sets the short moving average period for the current PercentageVolumeOscillatorIndicator object.
The typical, and initial, value for short PVO periods is 10.

You can use the ShortPeriod to set the short moving average period.

this.series.shortPeriod = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPercentChangeYAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPercentChangeYAxisComponent)
A horizontal axis that uses a DateTime scale.

You can use the PercentChangeYAxis show percentage values.

- **constructor**(): IgcPercentChangeYAxisComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPieChartBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPieChartBaseComponent)
Represents the base class for the pie chart.

- **constructor**(): IgcPieChartBaseComponent
- **actualBrushes**: `string[]` — Gets the actual palette of brushes to use for coloring the slices.
- **actualLabelInnerColor**: `string` — Gets the actual color for labels rendered inside of the pie chart.
- **actualLabelOuterColor**: `string` — Gets the actual color for labels rendered outside of the pie chart.
- **actualOutlines**: `string[]` — Gets the actual palette of brushes to use for outlines on the slices.
- **actualPixelScalingRatio**: `number` — Resolved pixel scaling ratio. Unless explicitly overridden by the
PieChartBase.PixelScalingRatio property,
this one returns the default ratio enforced by device. High resolution devices will initialize this property
to a higher value.
- **allowSliceExplosion**: `boolean` — Gets or sets whether the slices can be exploded.
- **allowSliceSelection**: `boolean` — Gets or sets whether the slices can be selected.
- **brushes**: `string[]` — Gets or sets the palette of brushes to use for coloring the slices.
- **explodedRadius**: `number` — Determines how much the exploded slice is offset from the center. Value between 0 and 1.
- **explodedSlices**: `IgcIndexCollection` — Gets or sets the collection of exploded slice indices.
- **formatLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for displaying in the chart.
- **formatLegendLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for displaying in the chart's legend.
- **innerExtent**: `number` — Gets or sets the amount of space between the center and the start of the arc. This property should be set between 0 and 1.
If InnerExtent is set to a value greater than 1, it will be interpreted as a percentage, effectively divided by 100.
- **isDragInteractionEnabled**: `boolean` — Gets or sets whether the pie chart will handle drag interaction and make them avaiilable in its events.
- **isSurfaceInteractionDisabled**: `boolean` — Gets or sets whether all surface interactions with the plot area should be disabled.
- **labelClick**: `any` — Raised when the slice's label is clicked.
- **labelExtent**: `number` — Gets or sets the pixel amount by which the labels are offset from the edge of the slices.
- **labelFormat**: `string` — Gets or sets the label format string to use for the label.
- **labelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LabelFormat string.
- **labelInnerColor**: `string` — Gets or sets the color for labels rendered inside of the pie chart.
- **labelMemberPath**: `string` — Gets or sets the property name that contains the labels.
- **labelOuterColor**: `string` — Gets or sets the color for labels rendered outside of the pie chart.
- **labelsPosition**: `LabelsPosition` — Gets or sets the position of chart labels.
- **leaderLineMargin**: `number` — Gets or sets the margin between a label and the end of its leader line. The default is 6 pixels.
- **leaderLineType**: `LeaderLineType` — Gets or sets what type of leader lines will be used for the outside end labels.
- **leaderLineVisibility**: `Visibility` — Gets or sets whether the leader lines are visible.
- **legendEmptyValuesMode**: `LegendEmptyValuesMode` — Determines display mode for zero values in the legend.
For example, handling zero values as valid slices and providing them with proper appearance settings.
- **legendItemBadgeTemplate**: `IgDataTemplate` — Gets or sets the LegendItemBadgeTemplate property.
The legend item badge is created according to the LegendItemBadgeTemplate on-demand by
the chart object itself.
- **legendItemTemplate**: `IgDataTemplate` — Gets or sets the LegendItemTemplate property.
The legend item control content is created according to the LegendItemTemplate on-demand by
the chart object itself.
- **legendLabelFormat**: `string` — Gets or sets the label format string to use for the label.
- **legendLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LegendLabelFormat string.
- **legendLabelMemberPath**: `string` — Gets or sets the property name that contains the legend labels.
- **legendOthersLabelFormat**: `string` — Gets or sets the label format string to use for the label.
- **legendOthersLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LegendOthersLabelFormat string.
- **othersCategoryFill**: `string` — Gets or sets the fill brush.
- **othersCategoryOpacity**: `number` — Gets or sets the opacity.
- **othersCategoryStroke**: `string` — Gets or sets the stroke brush.
- **othersCategoryStrokeThickness**: `number` — Gets or sets the stroke thickness.
- **othersCategoryText**: `string` — Gets or sets the label of the Others slice.
- **othersCategoryThreshold**: `number` — Gets or sets the threshold value that determines if slices are grouped into the Others slice.
- **othersCategoryType**: `OthersCategoryType` — Gets or sets whether to use numeric or percent-based threshold value.
- **othersLabelFormat**: `string` — Gets or sets the label format string to use for the label.
- **othersLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the OthersLabelFormat string.
- **outlines**: `string[]` — Gets or sets the palette of brushes to use for outlines on the slices.
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **radiusFactor**: `number` — Gets or sets the scaling factor of the chart's radius. Value between 0 and 1.
- **selectedItem**: `any` — Gets or sets the currently selected data item.  If a different data item is provided the pie chart
will select the slice associated with the new item.
- **selectedItemChanged**: `any` — Raised when the SelectedItem property has changed.
- **selectedItemChanging**: `any` — Raised when the SelectedItem property is changing.  This event is cancelable.
- **selectedItems**: `IgcObjectCollection` — Gets the currently selected data items.  Adding or removing data items from this collection will
select or deselect the slices associated with those items.
- **selectedItemsChanged**: `any` — Raised when the SelectedItems collection has changed.
- **selectedItemsChanging**: `any` — Raised when the SelectedItems collection is changing.  This event is cancelable.
- **selectedSliceFill**: `string` — Gets or sets the fill brush.
- **selectedSliceOpacity**: `number` — Gets or sets the opacity.
- **selectedSliceStroke**: `string` — Gets or sets the stroke brush.
- **selectedSliceStrokeThickness**: `number` — Gets or sets the stroke thickness.
- **selectionMode**: `SliceSelectionMode` — Gets or sets which mode to use for selecting slices.
- **shouldDisplayMockData**: `boolean` — Gets or sets whether the pie chart should display mock data when data isn't present.
- **shouldUseSkeletonStyleForMockData**: `boolean` — Gets or sets whether the pie chart should use a skeleton style for mock data.
- **sliceClick**: `any` — Raised when the slice is clicked.
- **sliceEnter**: `any` — Raised when a slice is entered by the pointer.
- **sliceHover**: `any` — Raised when a pointer moves over a slice.
- **sliceLeave**: `any` — Raised when a slice is left by the pointer;
- **startAngle**: `number` — Gets or sets the starting angle of the chart.
The default zero value is equivalent to 3 o'clock.
- **sweepDirection**: `SweepDirection` — Gets or sets the rotational direction of the chart.
- **textStyle**: `string` — Manually overrides the style to use for the labels.
- **toolTip**: `any` — Gets or sets the ToolTip for the chart.
- **valueMemberPath**: `string` — Gets or Sets the property name that contains the values.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **destroy**(): void — Invoked when the instance is being destroyed.
- **disconnectedCallback**(): void
- **ensureOthersCategoryStyle**(): void
- **ensureSelectedStyle**(): void
- **exportSerializedVisualData**(): string — Returns the chart visuals expressed as a serialized string.
- **findByName**(name: string): any
- **flush**(): void — Use to force the pie chart to finish any deferred work before printing or evaluating its visual.
This should only be called if the visual of the pie chart needs to be synchronously saved or evaluated.
Calling this method too often will hinder the performance of the pie chart.
- **notifyClearItems**(source_: any): void — Manually notifies the pie chart's data source that the data it has bound to has been cleared and needs to be re-examined.
This should not be called if the data that the pie chart is bound to is already observable.
- **notifyContainerResized**(): void — Notification from the containing object that the container has been resized.
- **notifyInsertItem**(source_: any, index: number, newItem: any): void
- **notifyRemoveItem**(source_: any, index: number, oldItem: any): void
- **notifySetItem**(source_: any, index: number, oldItem: any, newItem: any): void
- **provideContainer**(container: any): void — Invoked by the containing object to provide reference to the container.
- **removeWidgetLevelDataSource**(): void — Resets items data source.
- **setWidgetLevelDataSource**(source_: any): void — Assigns data source for the items.
- **simulateLeftClick**(point: IgPoint): void — Simulates a mouse click action at the specified point.
- **styleUpdated**(): void — Invoked when style is updated.
- static **_createFromInternal**(internal: any): IgcPieChartBaseComponent

### [IgcPieChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPieChartComponent)
Represents the base class for the pie chart.

- **constructor**(): IgcPieChartComponent
- static **htmlTagName**: `string`
- **dataSource**: `any[]`
- **height**: `string`
- **legend**: `any` — Gets or sets the legend used for the current chart.
- **width**: `string`
- static **observedAttributes**: `string[]`
- **bindData**(): void
- **connectedCallback**(): void
- **destroy**(): void — Invoked when the instance is being destroyed.
- **disconnectedCallback**(): void
- **notifyContainerResized**(): void — Notification from the containing object that the container has been resized.
- static **register**(): void

### [IgcPieSliceDataContext](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPieSliceDataContext)
DataContext for a pie slice.

- **constructor**(): IgcPieSliceDataContext
- **isOthersSlice**: `boolean` — Gets or sets whether this slice is an Others slice or not.
- **percentValue**: `number` — Gets or sets the value of this slice as a percentage of the total pie.

### [IgcPieSliceOthersContext](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPieSliceOthersContext)
Represents the selected data contained inside the Others slice.

- **constructor**(): IgcPieSliceOthersContext
- **findByName**(name: string): any — The underlying data contained by the Others pie slice.

### [IgcPlotAreaMouseButtonEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPlotAreaMouseButtonEventArgs)
Provides data for IgxDataChartComponent mouse button related events.

- **constructor**(): IgcPlotAreaMouseButtonEventArgs
- **chartPosition**: `IgPoint`
- **manipulationOccurred**: `boolean`
- **plotAreaPosition**: `IgPoint`
- **viewer**: `IgcSeriesViewerComponent` — Gets the Chart associated with the current event.

### [IgcPlotAreaMouseEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPlotAreaMouseEventArgs)
Provides data for IgxDataChartComponent mouse button related events.

- **constructor**(): IgcPlotAreaMouseEventArgs
- **chartPosition**: `IgPoint`
- **isDuringManipulation**: `boolean`
- **plotAreaPosition**: `IgPoint`
- **viewer**: `IgcSeriesViewerComponent` — Gets the Chart associated with the current event.

### [IgcPointSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPointSeriesComponent)
Represents a IgxDataChartComponent point series.

You can use the PointSeries plot a value along a category or date.

- **constructor**(): IgcPointSeriesComponent
- static **htmlTagName**: `string`
- **hasOnlyMarkers**: `boolean` — Gets whether the series has only marker as visuals
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPolarAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPolarAreaSeriesComponent)
Represents a IgxDataChartComponent polar area series.

- **constructor**(): IgcPolarAreaSeriesComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **unknownValuePlotting**: `UnknownValuePlotting` — Determines how unknown values will be plotted on the chart.
Null and Double.NaN are two examples of unknown values.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPolarBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPolarBaseComponent)
Represents the base class from which all IgxDataChartComponent polar series are derived.

- **constructor**(): IgcPolarBaseComponent
- **actualItemSearchMode**: `ScatterItemSearchMode`
- **actualTrendLineBrush**: `string` — Gets the effective TrendLineBrush for this series.
- **angleAxis**: `IgcNumericAngleAxisComponent` — Gets the effective angle axis for the current series object.
- **angleAxisName**: `string` — Gets or sets the name to use to resolve angleAxis from markup.
- **angleMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' angle value in the Data Legend.
- **angleMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' angle value in the Data Legend.
- **angleMemberPath**: `string` — Gets or sets the path to use to find the angle values for the series.
- **assigningPolarMarkerStyle**: `any` — Event raised when Assigning Polar Marker Style
- **assigningPolarStyle**: `any` — Event raised when Assigning Category Style
- **clipSeriesToBounds**: `boolean` — Gets or sets whether to clip the series to the bounds.
Setting this to true can effect performance.
- **highlightedAngleMemberPath**: `string` — Gets or sets the highlighted angle value mapping property for the current series object.
- **highlightedRadiusMemberPath**: `string` — Gets or sets the highlighted radius value mapping property for the current series object.
- **isCustomPolarMarkerStyleAllowed**: `boolean` — Gets or sets whether this Polar series should allow custom style overrides of its individual marker visuals.
- **isCustomPolarStyleAllowed**: `boolean` — Gets or sets whether this Polar series should allow custom style overrides of its individual visuals.
- **isPolar**: `boolean` — Checks if this series is a polar series
- **itemSearchMode**: `ScatterItemSearchMode` — Gets or sets the mode the series will use to find the closest point to the cursor.
- **itemSearchThreshold**: `number` — Gets or sets the threshold to use when searching for items using ItemSearchMode.
- **maximumMarkers**: `number` — Gets or sets the maximum number of markers displayed by the current series.
If more than the specified number of markers are visible, the polar series will automatically
choose a representative set.
- **radiusAxis**: `IgcNumericRadiusAxisComponent` — Gets the effective radius axis for the current series object.
- **radiusAxisName**: `string` — Gets or sets the name to use to resolve radiusAxis from markup.
- **radiusMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series' radius value in the Data Legend.
- **radiusMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series' radius value in the Data Legend.
- **radiusMemberPath**: `string` — Gets or sets the path to use to get the radius values for the series.
- **trendLineBrush**: `string` — Gets or sets the brush that specifies how the current series
object's trend line is drawn.
- **trendLineDashArray**: `number[]` — Gets or sets a collection of double values that indicate the pattern of dashes and gaps that
is used to draw the trend line for the current series object.
- **trendLinePeriod**: `number` — Gets or sets the moving average period for the current series object.
- **trendLineThickness**: `number` — Gets or sets the thickness of the current series object's trend line.
- **trendLineType**: `TrendLineType` — Gets or sets the trend type for the current series object.
- **trendLineZIndex**: `number` — Sets or Gets the Trendline Z index.
- **useCartesianInterpolation**: `boolean` — Gets or sets whether Cartesian Interpolation should be used rather than Archimedian
spiral based interpolation.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsAngleAxis**(axis: any): boolean — Determine if object can be used as AngleAxis
- **canUseAsRadiusAxis**(axis: any): boolean — Determine if object can be used as RadiusAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getExactItemIndex**(world: IgPoint): number — Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the index of the item that resides at the provided world coordinates.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **getSeriesValueMarkerBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value marker bounding box within the series that has the best value match for the world position provided.
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getUnscaledPosition**(pos: IgPoint): IgPoint — Gets an unscaled position in terms of axis values from a viewport position.
- **scrollIntoView**(item: any): boolean — Scrolls the requested item into view, if possible.

### [IgcPolarLineSeriesBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPolarLineSeriesBaseComponent)
Represents the base class from which all IgxDataChartComponent polar line series are derived.

- **constructor**(): IgcPolarLineSeriesBaseComponent
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void

### [IgcPolarLineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPolarLineSeriesComponent)
Represents a IgxDataChartComponent polar line series.

- **constructor**(): IgcPolarLineSeriesComponent
- static **htmlTagName**: `string`
- **isLineOnly**: `boolean` — Gets whether the current series shows only line shapes.
- **unknownValuePlotting**: `UnknownValuePlotting` — Determines how unknown values will be plotted on the chart.
Null and Double.NaN are two examples of unknown values.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPolarScatterSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPolarScatterSeriesComponent)
Represents a IgxDataChartComponent polar scatter series.

- **constructor**(): IgcPolarScatterSeriesComponent
- static **htmlTagName**: `string`
- **hasOnlyMarkers**: `boolean` — Gets whether the series has only marker as visuals
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPolarSplineAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPolarSplineAreaSeriesComponent)
Represents a IgxDataChartComponent polar spline area series.

- **constructor**(): IgcPolarSplineAreaSeriesComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- **stiffness**: `number` — Gets or sets the Stiffness property.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPolarSplineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPolarSplineSeriesComponent)
Represents a IgxDataChartComponent polar spline series.

- **constructor**(): IgcPolarSplineSeriesComponent
- static **htmlTagName**: `string`
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- **stiffness**: `number` — Gets or sets the Stiffness property.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPositiveVolumeIndexIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPositiveVolumeIndexIndicatorComponent)
Represents a IgxDataChartComponent Positive Volume Index (PVI) indicator series.
Default required members: Close, Volume

You can use the PositiveVolumeIndexIndicator with the 'NegativeVolumeIndexIndicator' to identify bull markets.

- **constructor**(): IgcPositiveVolumeIndexIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcPriceChannelOverlayComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPriceChannelOverlayComponent)
Represents a IgxDataChartComponent Financial Price Channel Overlay series.
Default required members: High, Low

You can use the PriceChannelOverlay to display price volatility.

- **constructor**(): IgcPriceChannelOverlayComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current PriceChannelOverlay object.
The typical, and initial, value for Bollinger band periods is 14.

You can use the Period to set the moving average.

this.series.period = 14;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- static **register**(): void

### [IgcPriceVolumeTrendIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcPriceVolumeTrendIndicatorComponent)
Represents a IgxDataChartComponent Price Volume Trend Indicator series.
Default required members: Volume, Close

You can use the PriceVolumeTrendIndicator to measure money flow by adding or subtracting a portion of the daily volume.

- **constructor**(): IgcPriceVolumeTrendIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcProgressiveLoadStatusEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcProgressiveLoadStatusEventArgs)
Provides information about the progressive load progress of the HighDensityScatterSeries.

- **constructor**(): IgcProgressiveLoadStatusEventArgs
- **currentStatus**: `number` — The current status from 0 to 100 of the progressive load.

### [IgcProportionalCategoryAngleAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcProportionalCategoryAngleAxisComponent)
Represents a IgxDataChartComponent category angle axis. Useful for displaying radial categories.

- **constructor**(): IgcProportionalCategoryAngleAxisComponent
- static **htmlTagName**: `string`
- **hasOthersCategory**: `boolean`
- **isPiecewise**: `boolean` — Gets or sets if the axis is a piecewise scaling function.
- **normalizationMayContainUnknowns**: `boolean`
- **othersCategoryText**: `string` — Gets or sets the label of the Others slice.
- **othersCategoryThreshold**: `number` — Gets or sets the threshold value that determines if categories are grouped into the Others category.
- **othersCategoryType**: `OthersCategoryType` — Gets or sets whether to use numeric or percent-based threshold value.
- **othersIndex**: `number`
- **othersValue**: `number`
- **valueMemberPath**: `string` — Gets or sets the Value mapping property for the axis.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemValue**(item: any, memberPathName: string): any
- **getNormalizingValueAtIndex**(index: number, fallbackValue: number): number
- **getPercentageValue**(labelIndex: number): number
- **getScaledAngle**(unscaledAngle: number): number — Gets a scaled value inside the viewport.
- **getUnscaledAngle**(scaledAngle: number): number — Returns an unscaled value from a scaled value based on the amount of data.
- **getValueLabel**(value: number): string — Gets the label for a data item.
- **isOthersValue**(index: number): boolean
- static **register**(): void

### [IgcRadialAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRadialAreaSeriesComponent)
Represents a IgxDataChartComponent radial area series.

- **constructor**(): IgcRadialAreaSeriesComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **unknownValuePlotting**: `UnknownValuePlotting` — Determines how unknown values will be plotted on the chart.
Null and Double.NaN are two examples of unknown values.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcRadialBaseChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRadialBaseChartComponent)
Represents a base class for domain charts with X/Y axes

- **constructor**(): IgcRadialBaseChartComponent
- **actualAngleAxisLabelTextColor**: `string` — Gets the actual color of labels on the X-axis
- **actualValueAxisLabelTextColor**: `string` — Gets the actual color of labels on the Y-axis
- **angleAxisExtent**: `number` — Gets or sets the distance between the X-axis and the bottom of the chart.
- **angleAxisFormatLabel**: `any` — Gets or sets function which takes an context object and returns a formatted label for the X-axis.
- **angleAxisInverted**: `boolean` — Gets or sets whether to invert the direction of the X-axis by placing the first data items on the right side of the chart.
- **angleAxisLabel**: `any` — Gets or sets the format for labels along the X-axis.
- **angleAxisLabelAngle**: `number` — Gets or sets the angle of rotation for labels along the X-axis.
- **angleAxisLabelBottomMargin**: `number` — Gets or sets the bottom margin of labels on the X-axis
- **angleAxisLabelFormat**: `string` — Gets or sets the format string for the X axis label.
- **angleAxisLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the AngleAxisLabelFormat string.
- **angleAxisLabelHorizontalAlignment**: `HorizontalAlignment` — Gets or sets Horizontal alignment of X-axis labels.
- **angleAxisLabelLeftMargin**: `number` — Gets or sets the left margin of labels on the X-axis
- **angleAxisLabelLocation**: `AngleAxisLabelLocation` — Gets or sets location of X-axis labels, relative to the plot area.
- **angleAxisLabelRightMargin**: `number` — Gets or sets the right margin of labels on the X-axis
- **angleAxisLabelTextColor**: `string` — Gets or sets color of labels on the X-axis
- **angleAxisLabelTextStyle**: `string` — Gets or sets CSS font property for labels on X-axis
- **angleAxisLabelTopMargin**: `number` — Gets or sets the top margin of labels on the X-axis
- **angleAxisLabelVerticalAlignment**: `VerticalAlignment` — Gets or sets Vertical alignment of X-axis labels.
- **angleAxisLabelVisibility**: `Visibility` — Gets or sets Visibility of X-axis labels.
- **angleAxisMajorStroke**: `string` — Gets or sets the color to apply to major gridlines along the X-axis.
- **angleAxisMajorStrokeThickness**: `number` — Gets or sets the thickness to apply to major gridlines along the X-axis.
- **angleAxisMaximumExtent**: `number` — Gets or sets the maximum distance between the X-axis and the bottom of the chart.
- **angleAxisMaximumExtentPercentage**: `number` — Gets or sets the maximum width between the X-axis and the bottom of the chart, as a percentage of total chart width.
- **angleAxisMinorStroke**: `string` — Gets or sets the color to apply to minor gridlines along the X-axis.
- **angleAxisMinorStrokeThickness**: `number` — Gets or sets the thickness to apply to minor gridlines along the X-axis.
- **angleAxisStrip**: `string` — Gets or sets the color to apply to stripes along the X-axis.
- **angleAxisStroke**: `string` — Gets or sets the color to apply to the X-axis line.
- **angleAxisStrokeThickness**: `number` — Gets or sets the thickness to apply to the X-axis line.
- **angleAxisTickLength**: `number` — Gets or sets the length of tickmarks along the X-axis.
- **angleAxisTickStroke**: `string` — Gets or sets the color to apply to tickmarks along the X-axis.
- **angleAxisTickStrokeThickness**: `number` — Gets or sets the thickness to apply to tickmarks along the X-axis.
- **angleAxisTitle**: `string` — Gets or sets the Text to display below the X-axis.
- **angleAxisTitleAlignment**: `HorizontalAlignment` — Gets or sets Horizontal alignment of the X-axis title.
- **angleAxisTitleAngle**: `number` — Gets or sets the angle of rotation for the X-axis title.
- **angleAxisTitleBottomMargin**: `number` — Gets or sets the bottom margin of a title on the X-axis
- **angleAxisTitleLeftMargin**: `number` — Gets or sets the left margin of a title on the X-axis
- **angleAxisTitleMargin**: `number` — Gets or sets the margin around a title on the X-axis
- **angleAxisTitleRightMargin**: `number` — Gets or sets the right margin of a title on the X-axis
- **angleAxisTitleTextColor**: `string` — Gets or sets color of title on the X-axis
- **angleAxisTitleTextStyle**: `string` — Gets or sets CSS font property for title on X-axis
- **angleAxisTitleTopMargin**: `number` — Gets or sets the top margin of a title on the X-axis
- **valueAxisExtent**: `number` — Gets or sets the distance between the Y-axis and the left edge of the chart.
- **valueAxisFormatLabel**: `any` — Gets or sets function which takes a context object and returns a formatted label for the Y-axis.
- **valueAxisInverted**: `boolean` — Gets or sets whether to invert the direction of the Y-axis by placing the minimum numeric value at the top of the chart.
- **valueAxisLabel**: `any` — Gets or sets the property or string from which the labels are derived.
- **valueAxisLabelAngle**: `number` — Gets or sets the angle of rotation for labels along the Y-axis.
- **valueAxisLabelBottomMargin**: `number` — Gets or sets the bottom margin of labels on the Y-axis
- **valueAxisLabelFormat**: `string` — Gets or sets the format string for the Y axis label.
- **valueAxisLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the ValueAxisLabelFormat string.
- **valueAxisLabelHorizontalAlignment**: `HorizontalAlignment` — Gets or sets Horizontal alignment of Y-axis labels.
- **valueAxisLabelLeftMargin**: `number` — Gets or sets the left margin of labels on the Y-axis
- **valueAxisLabelLocation**: `ValueAxisLabelLocation` — Gets or sets location of Y-axis labels, relative to the plot area.
- **valueAxisLabelRightMargin**: `number` — Gets or sets the right margin of labels on the Y-axis
- **valueAxisLabelTextColor**: `string` — Gets or sets color of labels on the Y-axis
- **valueAxisLabelTextStyle**: `string` — Gets or sets CSS font property for labels on Y-axis
- **valueAxisLabelTopMargin**: `number` — Gets or sets the top margin of labels on the Y-axis
- **valueAxisLabelVerticalAlignment**: `VerticalAlignment` — Gets or sets Vertical alignment of Y-axis labels.
- **valueAxisLabelVisibility**: `Visibility` — Gets or sets Visibility of Y-axis labels.
- **valueAxisMajorStroke**: `string` — Gets or sets the color to apply to major gridlines along the Y-axis.
- **valueAxisMajorStrokeThickness**: `number` — Gets or sets the thickness to apply to major gridlines along the Y-axis.
- **valueAxisMaximumExtent**: `number` — Gets or sets the distance between the Y-axis and the left edge of the chart.
- **valueAxisMaximumExtentPercentage**: `number` — Gets or sets the distance between the Y-axis and the left edge of the chart.
- **valueAxisMinorStroke**: `string` — Gets or sets the color to apply to minor gridlines along the Y-axis.
- **valueAxisMinorStrokeThickness**: `number` — Gets or sets the thickness to apply to minor gridlines along the Y-axis.
- **valueAxisStrip**: `string` — Gets or sets the color to apply to stripes along the Y-axis.
- **valueAxisStroke**: `string` — Gets or sets the color to apply to the Y-axis line.
- **valueAxisStrokeThickness**: `number` — Gets or sets the thickness to apply to the Y-axis line.
- **valueAxisTickLength**: `number` — Gets or sets the length of tickmarks along the Y-axis.
- **valueAxisTickStroke**: `string` — Gets or sets the color to apply to tickmarks along the Y-axis.
- **valueAxisTickStrokeThickness**: `number` — Gets or sets the thickness to apply to tickmarks along the Y-axis.
- **valueAxisTitle**: `string` — Gets or sets the Text to display to the left of the Y-axis.
- **valueAxisTitleAlignment**: `VerticalAlignment` — Gets or sets Vertical alignment of the Y-axis title.
- **valueAxisTitleAngle**: `number` — Gets or sets the angle of rotation for the Y-axis title.
- **valueAxisTitleBottomMargin**: `number` — Gets or sets the bottom margin of a title on the Y-axis
- **valueAxisTitleLeftMargin**: `number` — Gets or sets the left margin of a title on the Y-axis
- **valueAxisTitleMargin**: `number` — Gets or sets the margin around a title on the Y-axis
- **valueAxisTitleRightMargin**: `number` — Gets or sets the right margin of a title on the Y-axis
- **valueAxisTitleTextColor**: `string` — Gets or sets color of title on the Y-axis
- **valueAxisTitleTextStyle**: `string` — Gets or sets CSS font property for title on Y-axis
- **valueAxisTitleTopMargin**: `number` — Gets or sets the top margin of a title on the Y-axis
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getScaledAngle**(unscaledValue: number): number — Converts the given visual location to a data value.
- **getScaledValue**(unscaledValue: number): number — Converts the given visual location to a data value.
- **getUnscaledAngle**(scaledValue: number): number — Converts the given data value to a visual location.
- **getUnscaledValue**(scaledValue: number): number — Converts the given data value to a visual location.
- **provideContainer**(container: any): void — Called by the UI framework to provide a UI container for rendering this control.

### [IgcRadialBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRadialBaseComponent)
Represents the base class for all IgxDataChartComponent radial series

- **constructor**(): IgcRadialBaseComponent
- **angleAxis**: `IgcCategoryAngleAxisComponent` — Gets the effective angle axis for the current series object.
- **angleAxisName**: `string` — Gets or sets the name to use to resolve angleAxis from markup.
- **assigningRadialMarkerStyle**: `any` — Event raised when Assigning Radial Marker Style
- **assigningRadialStyle**: `any` — Event raised when Assigning Category Style
- **autoCalloutLabelPrecision**: `number` — Gets or sets the format string to use for the auto callout labels for the others category.
- **autoCalloutLabelValueSeparator**: `string` — Gets or sets the labelling mode to use for the auto callouts in preference to their mode.
- **autoCalloutOthersLabelFormat**: `string` — Gets or sets the format string to use for the auto callout labels for the others category.
- **autoCalloutOthersLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the auto callouts for the others category.
- **autoCalloutPercentagePrecision**: `number` — Gets or sets the format string to use for the auto callout labels for the others category.
- **autoCalloutRadialLabelMode**: `RadialLabelMode` — Gets or sets the labelling mode to use for the auto callouts in preference to their mode.
- **categoryCollisionMode**: `CategoryCollisionMode` — Gets or sets the category collision mode selection behavior to use for the series.
- **clipSeriesToBounds**: `boolean` — Gets or sets whether to clip the series to the bounds.
Setting this property to true will decrease chart performance.
- **isCustomRadialMarkerStyleAllowed**: `boolean` — Gets or sets whether this Radial series should allow custom style overrides of its individual marker visuals.
- **isCustomRadialStyleAllowed**: `boolean` — Gets or sets whether this Radial series should allow custom style overrides of its individual visuals.
- **isRadial**: `boolean` — Checks if this series is a radial series
- **isTransitionInEnabled**: `boolean` — Gets or sets whether the series should transition into the plot area when a new data source is assigned.
Note: Transitions are not currently supported for stacked series.
- **legendProportionalRadialLabelFormat**: `string` — Gets or sets the format string to use for the auto callout labels for the others category.
- **legendProportionalRadialLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the auto callouts for the others category.
- **legendRadialLabelMode**: `RadialLabelMode` — Gets or sets the labelling mode to use for the auto callouts in preference to their mode.
- **othersCategoryBrush**: `string` — Gets or sets the OthersCategoryBrush property.
- **othersCategoryOutline**: `string` — Gets or sets the OthersCategoryOutline property.
- **othersLegendProportionalRadialLabelFormat**: `string` — Gets or sets the format string to use for the auto callout labels for the others category.
- **othersLegendProportionalRadialLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the auto callouts for the others category.
- **othersProportionalRadialLabelFormat**: `string` — Gets or sets the format string to use for the auto callout labels for the others category.
- **othersProportionalRadialLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the auto callouts for the others category.
- **proportionalRadialLabelFormat**: `string` — Gets or sets the format string to use for the auto callout labels for the others category.
- **proportionalRadialLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the auto callouts for the others category.
- **transitionInMode**: `CategoryTransitionInMode` — Gets or sets the method by which to animate the data into the chart when the chart data source is swapped.
Note: Transitions are not currently supported for stacked series.
- **valueAxis**: `IgcNumericRadiusAxisComponent` — Gets the effective value axis for the current series object.
- **valueAxisName**: `string` — Gets or sets the name to use to resolve valueAxis from markup.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsAngleAxis**(axis: any): boolean — Determine if object can be used as AngleAxis
- **canUseAsValueAxis**(axis: any): boolean — Determine if object can be used as ValueAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getAngleFromWorld**(world: IgPoint): number — Gets the angle to the provided world position from the center of the radial series.
- **getCategoryWidth**(): number — Returns the width of the category grouping this series is in.
- **getExactItemIndex**(world: IgPoint): number — Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Get the index of the item near the provided world coordinates.
- **getOffsetValue**(): number — Returns the offset value for this series if grouped on a category axis.
- **getUnscaledPosition**(pos: IgPoint): IgPoint — Gets an unscaled position in terms of axis values from a viewport position.
- **scrollIntoView**(item: any): boolean — Scrolls the specified item into the view.

### [IgcRadialColumnSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRadialColumnSeriesComponent)
Represents a IgxDataChartComponent radial column series.
Compare values across categories by using radial rectangles.

- **constructor**(): IgcRadialColumnSeriesComponent
- static **htmlTagName**: `string`
- **isColumn**: `boolean` — Gets whether the current series shows a column shape.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the column.
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the column.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.
- **onApplyTemplate**(): void — When overridden in a derived class, is invoked whenever application code or internal processes
call ApplyTemplate.
- static **register**(): void

### [IgcRadialLineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRadialLineSeriesComponent)
Represents a IgxDataChartComponent radial line series.

- **constructor**(): IgcRadialLineSeriesComponent
- static **htmlTagName**: `string`
- **isLineOnly**: `boolean` — Gets whether the current series shows only line shapes.
- **unknownValuePlotting**: `UnknownValuePlotting` — Determines how unknown values will be plotted on the chart.
Null and Double.NaN are two examples of unknown values.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **onApplyTemplate**(): void — When overridden in a derived class, is invoked whenever application code or internal processes
call ApplyTemplate.
- static **register**(): void

### [IgcRadialPieSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRadialPieSeriesComponent)
Represents a IgxDataChartComponent radial pie series.
Compare values across categories by using radial pie slices.

- **constructor**(): IgcRadialPieSeriesComponent
- static **htmlTagName**: `string`
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **isPie**: `boolean` — Gets whether the current series shows a pie shape.
- **legendEmptyValuesMode**: `LegendEmptyValuesMode` — Determines display mode for zero values in the legend.
- **legendLabelMemberPath**: `string` — Gets or sets the property name that contains the legend labels.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the column.
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the column.
- **useInsetOutlines**: `boolean` — Specifies that slice outlines should be drawn inside the slice rather than halfway
in and halfway out.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- static **register**(): void

### [IgcRangeAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRangeAreaSeriesComponent)
Represents a IgxDataChartComponent range area series.

The RangeAreaSeries class represents the range area series of the IgxDataChartComponent.

- **constructor**(): IgcRangeAreaSeriesComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.

Use the IsAreaOrLine property to check if the current series shows an area or line shape.

var x= series.isAreaOrLine;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcRangeCategorySeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRangeCategorySeriesComponent)
Represents the base class for all IgxDataChartComponent ranged category/value series.

The RangeCategorySeries represents the base class for all IgxDataChartComponent ranged category/value series.

- **constructor**(): IgcRangeCategorySeriesComponent
- **highlightedHighMemberPath**: `string` — Gets or sets the highlighted High value mapping property for the current series object.
- **highlightedLowMemberPath**: `string` — Gets or sets the highlighted low value mapping property for the current series object.
- **highMemberPath**: `string` — Gets or sets the value mapping property for the current series object.

Use HighMemberPath propert for high mapping of the current series object.

series.highMemberPath = "high";
- **lowMemberPath**: `string` — Gets or sets the value mapping property for the current series object.

The LowMemberPath is used for low mapping property of the current series object.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The series is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.

### [IgcRangeColumnSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRangeColumnSeriesComponent)
Represents a IgxDataChartComponent range column series.

The RangeColumnSeries class represents range column series of the IgxDataChartComponent.

- **constructor**(): IgcRangeColumnSeriesComponent
- static **htmlTagName**: `string`
- **isColumn**: `boolean` — Gets whether the current series shows a column shape.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the column.

Use the RadiusX property to round the corners of the column.

series.radiusX=10;
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the column.

Use the RadiusY property for the y-radius of the ellipse that is used to round the corners of the column.

series.radiusY=10;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.


The GetItemSpan method returns the current width of the items within the categories.

var x =series.getItemSpan();
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- static **register**(): void

### [IgcRateOfChangeAndMomentumIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRateOfChangeAndMomentumIndicatorComponent)
Represents a IgxDataChartComponent Rate of Change and Momentum indicator series.
Default required members: Close

RateOfChangeAndMomentumIndicator class represents a Rate of Change and Momentum indicator series for the IgxDataChartComponent.

- **constructor**(): IgcRateOfChangeAndMomentumIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current AverageTrueRangeSeries object.
The typical, and initial, value for AverageTrueRange periods is 14.

You can use the period property for the current AverageTrueRangeSeries object.

The typical, and initial, value for AverageTrueRange periods is 14.

this.series.period = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcRefreshCompletedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRefreshCompletedEventArgs)

- **constructor**(): IgcRefreshCompletedEventArgs

### [IgcRelativeStrengthIndexIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRelativeStrengthIndexIndicatorComponent)
Represents a IgxDataChartComponent Relative Strength Index indicator series.
Default required members: Close

The RelativeStrengthIndexIndicator class represents Relative Strength Index indicator series for the IgxDataChartComponent .

- **constructor**(): IgcRelativeStrengthIndexIndicatorComponent
- static **htmlTagName**: `string`
- **defaultDisplayType**: `IndicatorDisplayType` — Gets default display type for the current Financial Indicator
- **period**: `number` — Gets or sets the moving average period for the current RelativeStrengthIndexIndicator object.
The typical, and initial, value for RSI periods is 14.

You can use the period property for the current RelativeStrengthIndexIndicator object.

this.series.period = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcRenderRequestedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRenderRequestedEventArgs)
EventArgs class for RenderRequested events.

Use the RenderRequested class for RenderRequested events.

- **constructor**(): IgcRenderRequestedEventArgs
- **animate**: `boolean` — True if animation is requested.

Use the Animate property true if the animation is requested.

e.animation = true;

### [IgcRing](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRing)
Represents data for
Ring.RingControl element.

- **constructor**(): IgcRing
- **center**: `IgPoint` — Gets the center point of the ring.
- **controlSize**: `IgSize` — Gets the size of the ring.
- **index**: `number` — Gets the index of ring in the chart.
- **innerExtend**: `number` — Gets the inner extend of the ring in percentage.
- **ringBreadth**: `number` — Gets the ring breadth.
- **ringSeries**: `IgcRingSeriesBaseComponent` — Gets reference to ring series.
- **findByName**(name: string): any
- **prepareArcs**(): void — Prepares data needed to create
Arcs.
- **renderArcs**(): boolean — Renders the arcs.

### [IgcRingSeriesBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRingSeriesBaseComponent)
Represents a IgcRingSeriesBaseComponent base series.

- **constructor**(): IgcRingSeriesBaseComponent
- **brushes**: `string[]` — Gets or sets the palette of brushes to use for coloring the slices.
- **dataSource**: `any[]`
- **formatLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for displaying in the chart.
- **formatLegendLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for displaying in the chart's legend.
- **i**: `RingSeriesBase`
- **isSurfaceInteractionDisabled**: `boolean` — Gets or sets whether all surface interactions with the plot area should be disabled.
- **labelExtent**: `number` — Gets or sets the pixel amount by which the labels are offset from the edge of the slices.
- **labelFormat**: `string` — Gets or sets the label format string to use for the label.
- **labelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LabelFormat string.
- **labelInnerColor**: `string` — Gets or sets the color for labels rendered inside of the pie chart.
- **labelMemberPath**: `string` — Gets or sets the property name that contains the labels.
- **labelOuterColor**: `string` — Gets or sets the color for labels rendered outside of the pie chart.
- **labelsPosition**: `LabelsPosition` — Gets or sets the position of chart labels.
- **leaderLineFill**: `string` — Gets or sets the fill brush.
- **leaderLineMargin**: `number` — Gets or sets the margin between a label and its leader line. The default is 6 pixels.
- **leaderLineOpacity**: `number` — Gets or sets the opacity.
- **leaderLineStroke**: `string` — Gets or sets the stroke brush.
- **leaderLineStrokeThickness**: `number` — Gets or sets the stroke thickness.
- **leaderLineType**: `LeaderLineType` — Gets or sets what type of leader lines will be used for the outside end labels.
- **leaderLineVisibility**: `Visibility` — Gets or sets whether the leader lines are visible.
- **legend**: `any`
- **legendLabelFormat**: `string` — Gets or sets the label format string to use for the label.
- **legendLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LegendLabelFormat string.
- **legendLabelMemberPath**: `string` — Gets or sets the property name that contains the legend labels.
- **legendOthersLabelFormat**: `string` — Gets or sets the label format string to use for the label.
- **legendOthersLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LegendOthersLabelFormat string.
- **othersCategoryFill**: `string` — Gets or sets the fill brush.
- **othersCategoryOpacity**: `number` — Gets or sets the opacity.
- **othersCategoryStroke**: `string` — Gets or sets the stroke brush.
- **othersCategoryStrokeThickness**: `number` — Gets or sets the stroke thickness.
- **othersCategoryText**: `string` — Gets or sets the label of the Others slice.
- **othersCategoryThreshold**: `number` — Gets or sets the threshold value that determines if slices are grouped into the Others slice.
- **othersCategoryType**: `OthersCategoryType` — Gets or sets whether to use numeric or percent-based threshold value.
- **othersLabelFormat**: `string` — Gets or sets the label format string to use for the label.
- **othersLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the OthersLabelFormat string.
- **outlines**: `string[]` — Gets or sets the palette of brushes to use for outlines on the slices.
- **propertyUpdated**: `any` — Event raised when a property (including "effective" and non-dependency property) value changes.
- **radiusFactor**: `number` — Gets or sets the scaling factor of the chart's radius. Value between 0 and 1.
- **selectedSliceFill**: `string` — Gets or sets the fill brush.
- **selectedSliceOpacity**: `number` — Gets or sets the opacity.
- **selectedSliceStroke**: `string` — Gets or sets the stroke brush.
- **selectedSliceStrokeThickness**: `number` — Gets or sets the stroke thickness.
- **showDefaultTooltip**: `boolean` — Gets or sets whether default tooltip will be shown.
- **startAngle**: `number` — Gets or sets the starting angle of the chart.
The default zero value is equivalent to 3 o'clock.
- **textStyle**: `string` — Gets or sets the text style to use for labels.
- **tooltipContainerTemplate**: `TemplateFunction`
- **tooltipTemplate**: `TemplateFunction`
- **valueMemberPath**: `string` — Gets or Sets the property name that contains the values.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **bindData**(): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **ensureLeaderLineStyle**(): void
- **ensureOthersCategoryStyle**(): void
- **ensureSelectedStyle**(): void
- **findByName**(name: string): any
- **provideContainer**(container: any): void — Called by the UI framework to provide a UI container for rendering this control.
- static **_createFromInternal**(internal: any): IgcRingSeriesBaseComponent

### [IgcRingSeriesCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRingSeriesCollection)

- **constructor**(list?: IgcRingSeriesBaseComponent[]): IgcRingSeriesCollection

### [IgcRingSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcRingSeriesComponent)
Represents one ring in
IgxDoughnutChartComponent series.

- **constructor**(): IgcRingSeriesComponent
- static **htmlTagName**: `string`
- **explodedSlices**: `IgcIndexCollection` — Gets or sets the collection of exploded slice indices.
- **i**: `RingSeries`
- **ring**: `IgcRing` — Gets reference to the ring data.
- **selectedSlices**: `IgcIndexCollection` — Gets or sets the collection of selected slice indices.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **sychronizeCollections**(): void
- static **register**(): void

### [IgcScaleLegendComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScaleLegendComponent)
Represents a legend that indicates the size and the color scale for a collection of series.

- **constructor**(): IgcScaleLegendComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcScalerParams](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScalerParams)
Class containing several properties which are used as parameters passed to scaling operations in a SeriesViewer.

Class containing several properties which are used as parameters passed to scaling operations in a SeriesViewer.

- **constructor**(): IgcScalerParams
- **referenceValue**: `number` — The series reference value.
Typically, the reference value is the initial value of the series.  The reference value is used by the PercentChangeYAxis, where all values in the series are scaled relative to the initial value.
- **findByName**(name: string): any

### [IgcScatterAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScatterAreaSeriesComponent)
Series class which draws a colored 2D surface based on a triangulation of XY data with numeric values assigned to each point.

- **constructor**(): IgcScatterAreaSeriesComponent
- static **htmlTagName**: `string`
- **actualColorScale**: `IgcColorScaleComponent` — Gets actual color scale that is set on ColorScale property or default ColorScale
- **colorMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series color value in the Data Legend.
- **colorMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series color value in the Data Legend.
- **colorMemberPath**: `string` — Gets or sets the name of the property on each data item containing a numeric value which can be converted to a color by the ColorScale.
- **colorScale**: `IgcColorScaleComponent` — Gets or sets ColorScale used to resolve the color values of points in the series.
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- static **observedAttributes**: `string[]`
- **attachImage**(image: any): void — Attaches an image to the view of this series
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **updateActualColorScale**(): void — Updates ActualColorScale properties when the ColorScale property has changed
- static **register**(): void

### [IgcScatterBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScatterBaseComponent)
Represents the base class for all IgxDataChartComponent scatter series

- **constructor**(): IgcScatterBaseComponent
- **actualItemSearchMode**: `ScatterItemSearchMode`
- **actualTrendLineBrush**: `string` — Gets the effective TrendLineBrush for this series.
- **assigningScatterMarkerStyle**: `any` — Event raised when Assigning Scatter Marker Style
- **assigningScatterStyle**: `any` — Event raised when Assigning Category Style
- **highlightedXMemberPath**: `string` — Gets or sets the highlighted X value mapping property for the current series object.
- **highlightedYMemberPath**: `string` — Gets or sets the highlighted Y value mapping property for the current series object.
- **isCustomScatterMarkerStyleAllowed**: `boolean` — Gets or sets whether this Scatter series should allow custom style overrides of its individual marker visuals.
- **isCustomScatterStyleAllowed**: `boolean` — Gets or sets whether this Scatter series should allow custom style overrides of its individual visuals.
- **isScatter**: `boolean` — Checks if this series is a scatter series
- **itemSearchMode**: `ScatterItemSearchMode` — Gets or sets the mode the series will use to find the closest point to the cursor.
- **itemSearchThreshold**: `number` — Gets or sets the threshold to use when searching for items using ItemSearchMode.
- **markerCollisionAvoidance**: `CollisionAvoidanceType` — The desired behavior for markers in this series which are placed too close together for the current view, resulting in a collision.
- **maximumMarkers**: `number` — Gets or sets the maximum number of markerItems displayed by the current series.
If more than the specified number of markerItems are visible, the series will automatically
choose a representative set.
- **trendLineBrush**: `string` — Gets or sets the brush to use to draw the trend line.
- **trendLineDashArray**: `number[]` — Gets or sets a collection of double values that indicate the pattern of dashes and gaps that
is used to draw the trend line for the current scatter series object.
- **trendLinePeriod**: `number` — Gets or sets the moving average period for the current scatter series object.
The typical, and initial, value for trend line period is 7.
- **trendLineThickness**: `number` — Gets or sets the thickness of the current scatter series object's trend line.
- **trendLineType**: `TrendLineType` — Gets or sets the trend type for the current scatter series.
- **trendLineZIndex**: `number` — Gets or sets the Z-Index of the trend line.  Values greater than 1000 will result in the trend line being rendered in front of the series data.
- **xAxis**: `IgcNumericXAxisComponent` — Gets or sets the effective x-axis for the current object.
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **xMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series X value in the Data Legend.
- **xMemberAsLegendUnit**: `string` — Gets or sets the unit after displayed after series X value in the Data Legend.
- **xMemberPath**: `string` — Gets or sets the value mapping property for the current series object.
- **yAxis**: `IgcNumericYAxisComponent` — Gets or sets the effective y-axis for the current object.
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- **yMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series Y value in the Data Legend.
- **yMemberAsLegendUnit**: `string` — Gets or sets the unit after displayed after series Y value in the Data Legend.
- **yMemberPath**: `string` — Gets or sets the value mapping property for the current series object.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getExactItemIndex**(world: IgPoint): number — Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the index of the item that resides at the provided world coordinates.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **getSeriesValueMarkerBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value marker bounding box within the series that has the best value match for the world position provided.
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesValueType**(mode: string | ValueLayerValueMode): number[] — Gets the numeric values from the X and Y axis associated with this scatter series that matches the desired
value mode.
- **getSeriesValueTypePosition**(mode: string | ValueLayerValueMode): IgPoint — Gets position of series value for specified layer value mode
- **getSeriesValueTypePositionFromValue**(values: number[]): IgPoint
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The series is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.

### [IgcScatterContourSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScatterContourSeriesComponent)
Series class for rendering isarithmic contours based on a triangulation of X+Y+Value points in the ItemsSource.

- **constructor**(): IgcScatterContourSeriesComponent
- static **htmlTagName**: `string`
- **actualFillScale**: `IgcValueBrushScaleComponent` — Gets actual fill scale that is set on the FillScale property or default FillScale
- **fillScale**: `IgcValueBrushScaleComponent` — Gets or sets the ValueBrushScale to use when determining Brushes for each contour line, based on the values found in ValueMemberPath.
- **isLineContour**: `boolean` — Gets whether the current series shows a line contour shape.
- **valueMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series value in the Data Legend.
- **valueMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series value in the Data Legend.
- **valueMemberPath**: `string` — Gets or set the name of the property from which to retrieve the numeric values from the ItemsSource items.
- **valueResolver**: `IgcContourValueResolverComponent` — Gets or set the ContourValueResolver used to determine the numeric values of contours.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- static **register**(): void

### [IgcScatterLineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScatterLineSeriesComponent)
Represents a IgxDataChartComponent scatter line series

- **constructor**(): IgcScatterLineSeriesComponent
- static **htmlTagName**: `string`
- **isLineOnly**: `boolean` — Gets whether the current series shows only line shapes.
- **unknownValuePlotting**: `UnknownValuePlotting` — Determines how unknown values will be plotted on the chart.
Null and Double.NaN are two examples of unknown values.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcScatterPolygonSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScatterPolygonSeriesComponent)
Series class which renders polygons as Paths based on lists of points in the ItemsSource.

- **constructor**(): IgcScatterPolygonSeriesComponent
- static **htmlTagName**: `string`
- **actualMarkerBrush**: `string` — Gets the effective marker brush for the current series object.
- **actualMarkerOutline**: `string` — Gets the effective marker outline for the current series object.
- **actualMarkerTemplate**: `IgDataTemplate` — Gets the effective marker template for the current series object.
- **hasMarkers**: `boolean` — Returns whether the current series supports visual markers.
- **hasVisibleMarkers**: `boolean` — Returns whether the current series has a visible marker style.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **isPolygon**: `boolean` — Gets whether the current series shows a polygon shape.
- **markerBrush**: `string` — Gets or sets the brush that specifies how the current series object's marker interiors are painted.
- **markerCollisionAvoidance**: `CollisionAvoidanceType` — The desired behavior for markers in this series which are placed too close together for the current view, resulting in a collision.
- **markerFillMode**: `MarkerFillMode` — Gets or sets whether the marker fill is based on the marker outline of the series rather than the marker brushes collection.
- **markerOutline**: `string` — Gets or sets the brush that specifies how the current series object's marker outlines are painted.
- **markerOutlineMode**: `MarkerOutlineMode` — Gets or sets whether the marker outline is based on the marker brush of the series rather than the marker outlines collection.
- **markerTemplate**: `IgDataTemplate` — Gets or sets the MarkerTemplate for the current series object.
- **markerThickness**: `number` — Gets or sets thickness of the marker outline
- **markerType**: `MarkerType` — Gets or sets the marker type for the current series object.
If the MarkerTemplate property is set, the setting of the MarkerType property will be ignored.
- **shapeStyle**: `IgcStyle` — The default style to apply to all Shapes in the series.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getSeriesValueMarkerBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value marker bounding box within the series that has the best value match for the world position provided.
- static **register**(): void

### [IgcScatterPolylineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScatterPolylineSeriesComponent)
Series class used for displaying multiple polylines for datasources which contain multiple lists of points.

- **constructor**(): IgcScatterPolylineSeriesComponent
- static **htmlTagName**: `string`
- **isPolyline**: `boolean` — Gets whether the current series shows a polyline shape.
- **shapeStyle**: `IgcStyle` — The default style to apply to all Shapes in the series.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **register**(): void

### [IgcScatterSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScatterSeriesComponent)
Represents a IgxDataChartComponent scatter series

- **constructor**(): IgcScatterSeriesComponent
- static **htmlTagName**: `string`
- **hasOnlyMarkers**: `boolean` — Gets whether the series has only marker as visuals
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcScatterSplineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScatterSplineSeriesComponent)
Represents a IgxDataChartComponent scatter spline series

- **constructor**(): IgcScatterSplineSeriesComponent
- static **htmlTagName**: `string`
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- **stiffness**: `number` — Gets or sets the Stiffness property.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcScatterTriangulationSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcScatterTriangulationSeriesComponent)
Base class for series which triangulate XY data prior to rendering.

- **constructor**(): IgcScatterTriangulationSeriesComponent
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **isShape**: `boolean` — Gets whether or not this series is a shape series
- **trianglesSource**: `any[]` — The source of triangulation data.
This property is optional.  If it is left as null, the triangulation will be created based on the items in the ItemsSource.  Triangulation is a demanding operation, so the runtime performance will be better when specifying a TriangulationSource, especially when a large number of data items are present.
- **triangleVertexMemberPath1**: `string` — The name of the property of the TrianglesSource items which, for each triangle, contains the index of the first vertex point in the ItemsSource.
- **triangleVertexMemberPath2**: `string` — The name of the property of the TrianglesSource items which, for each triangle, contains the index of the second vertex point in the ItemsSource.
- **triangleVertexMemberPath3**: `string` — The name of the property of the TrianglesSource items which, for each triangle, contains the index of the third vertex point in the ItemsSource.
- **triangulationStatusChanged**: `any` — Raised when the status of an ongoing Triangulation has changed.
- **xAxis**: `IgcNumericXAxisComponent` — The X-Axis for this series.
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **xMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series X value in the Data Legend.
- **xMemberAsLegendUnit**: `string` — Gets or sets the unit after displayed after series X value in the Data Legend.
- **xMemberPath**: `string` — The name of the property from which to extract the X-coordinate for each item in the ItemsSource.
- **yAxis**: `IgcNumericYAxisComponent` — The Y-Axis for this series.
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- **yMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series Y value in the Data Legend.
- **yMemberAsLegendUnit**: `string` — Gets or sets the unit after displayed after series Y value in the Data Legend.
- **yMemberPath**: `string` — The name of the property from which to extract the Y-coordinate for each item in the ItemsSource.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.

### [IgcSelectedItemChangedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSelectedItemChangedEventArgs)
Provides data for the SelectedItemChanged event.

- **constructor**(): IgcSelectedItemChangedEventArgs
- **newItem**: `any` — The newly selected item.
- **oldItem**: `any` — The previously selected item.

### [IgcSelectedItemChangingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSelectedItemChangingEventArgs)
Provides data for the SelectedItemChanging event.

- **constructor**(): IgcSelectedItemChangingEventArgs
- **cancel**: `boolean` — Set this to true in order to stop the SelectedItem from changing.

### [IgcSelectedItemsChangedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSelectedItemsChangedEventArgs)
Provides data for the SelectedItemsChanged event.

- **constructor**(): IgcSelectedItemsChangedEventArgs
- **currentItems**: `IgcObjectCollection` — A list of the current items selected.
- **newItems**: `IgcObjectCollection` — A list of the items being selected.
- **oldItems**: `IgcObjectCollection` — A list of the previously selected items.

### [IgcSelectedItemsChangingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSelectedItemsChangingEventArgs)
Provides data for the SelectedItemsChanging event.

- **constructor**(): IgcSelectedItemsChangingEventArgs
- **cancel**: `boolean` — Set this to true in order to stop the SelectedItems collection from changing.

### [IgcSeriesCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesCollection)

- **constructor**(list?: IgcSeriesComponent[]): IgcSeriesCollection

### [IgcSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesComponent)
Represents the base class for all IgxDataChartComponent series.

- **constructor**(): IgcSeriesComponent
- **actualAreaFillOpacity**: `number` — Gets the actual opacity applied to the area fill visual.

let actualFillOpacity: number = series.actualAreaFillOpacity;
- **actualBrush**: `string` — Gets the effective brush for the current series object.

let actualBrush: string = series.actualBrush;
- **actualCloseLabel**: `string` — Gets the text that is displayed for the Close label in the tooltip.
- **actualFocusBrush**: `string` — Gets the effective emphasis brush for the current series object.
- **actualFocusMode**: `SeriesSelectionMode` — Gets actual Selection mode
- **actualHighLabel**: `string` — Gets the text that is displayed for the High label in the tooltip.
- **actualHighlightedValuesFadeOpacity**: `number` — Gets actual HighlightedValues fade opacity
- **actualHighlightingFadeOpacity**: `number` — Gets actual highlighting fade opacity
- **actualHighlightingMode**: `SeriesHighlightingMode` — Gets actual highlighting mode
- **actualHitTestMode**: `SeriesHitTestMode` — Resolved method of hit testing to use when pointing to items in the chart.

let hitTestMode: SeriesHitTestMode = this.series.actualHitTestMode;
- **actualLayers**: `IgcSeriesLayerCollection` — Gets the actual extra layers for the series.
- **actualLegendItemBadgeBrush**: `string` — Gets the effective legend badge fill for the current series.
- **actualLegendItemBadgeOutline**: `string` — Gets the effective legend badge outline for the current series.
- **actualLegendItemBadgeTemplate**: `IgDataTemplate` — Gets the actual legend item badge template used by the series.
- **actualLowLabel**: `string` — Gets the text that is displayed for the Low label in the tooltip.
- **actualMarkerFillOpacity**: `number` — Gets the actual opacity applied to the fill of the markers.
- **actualOpenLabel**: `string` — Gets the text that is displayed for the Open label in the tooltip.
- **actualOutline**: `string` — Gets the effective outline for the current series object.

let actualOutline: string = series.ActualOutline;
- **actualRadiusLabel**: `string` — Gets the text that is displayed for the Value label in the tooltip.
- **actualResolution**: `number`
- **actualSelectionBrush**: `string` — Gets the effective emphasis brush for the current series object.
- **actualSelectionMode**: `SeriesSelectionMode` — Gets actual Selection mode
- **actualThickness**: `number` — Gets the effective Thickness for the current series object.
- **actualValueLabel**: `string` — Gets the text that is displayed for the Value label in the tooltip.
- **actualVolumeLabel**: `string` — Gets the text that is displayed for the Volume label in the tooltip.
- **areaFillOpacity**: `number` — Gets or sets the opacity applied to the area fill visual.
This property only applies to series that have area visual.
- **attachTooltipToRoot**: `boolean` — Gets or sets whether the tooltip will be attached to the root,
when set to false it will be a child of the chart.
- **autoCalloutLabelFormat**: `string` — Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
- **autoCalloutLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the AutoCalloutLabelFormat string.
- **autoCalloutValueLabelFormat**: `string` — Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
- **autoCalloutValueLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the AutoCalloutValueLabelFormat string.
- **brush**: `string` — Gets or sets the brush to use for the series.

The Brush along with the Outline and Negative Brush can be used to affect the visuals of the Series.

this.series.brush = "red";
- **coercionMethods**: `any` — Gets or sets the coercion methods to use when loading data from data sources.
Should be specified before setting any member paths, if being used. Setting it later
will not cause data to be reimported into the chart.

&lt;-- position: content member-->

cMethods: any = {
    ValueCoercion: function(value:number): number {return value+2;}
 }
- **dashArray**: `number[]` — Gets or sets a collection of Double values that indicate the pattern of dashes and gaps that
is used to outline the current series object.
- **dataLegendGroup**: `string` — Gets or sets a name used for grouping multiple series in the Data Legend
If not set, series will be grouped by series family, e.g. Category, Range, Financial, Scatter
- **dataLegendKey**: `string` — Gets unique key used to identify the series in data legend
- **dataSource**: `any`
- **discreteLegendItemTemplate**: `IgDataTemplate` — Gets or sets the DiscreteLegendItemTemplate property.
The legend item control content is created according to the DiscreteLegendItemTemplate on-demand by
the series object itself.
- **expectFunctions**: `boolean` — Gets or sets whether the series should expect that properties in its items source may be functions that need to be
evaluated to yield their value. This defaults to false, as there will be a subtle performance impact to using this feature.
This value must be set before assigning an item's source to take effect.

expectFunctions is used to decide whether the series should expect that its data source members need to be called as functions to get their values.

this.series.expectFunctions=true;
- **finalValue**: `number` — The final value of this series.
- **focusBrush**: `string` — Gets or sets the Focus brush to use for the series.
- **hasMarkers**: `boolean` — Returns whether the current series supports visual markers.

let hasMarkers: boolean = this.series.hasMarkers;
- **hasOnlyMarkers**: `boolean` — Gets whether the series has only marker as visuals
- **hasValueAxis**: `boolean` — Gets whether the current series shows an area shape.
- **hasVisibleMarkers**: `boolean` — Returns whether the current series has a visible marker style.
- **highlightedDataSource**: `any`
- **highlightedLegendItemVisibility**: `Visibility` — Gets or sets whether the highlighted values layer should have a legend item.
- **highlightedTitleSuffix**: `string` — Gets or sets the HighlightedTitleSuffix property.
- **highlightedValuesDataLegendGroup**: `string` — Gets or sets a name used for grouping highlighted series in the Data Legend
If not set, series will default to parent series' DataLegendGroup, e.g. Category, Range, Financial, Scatter
- **highlightedValuesDisplayMode**: `SeriesHighlightedValuesDisplayMode` — Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
- **highlightedValuesExtraPropertyOverlays**: `IgcSeriesLayerPropertyOverlayCollection` — Gets the current extra layers for the series.
- **highlightedValuesFadeOpacity**: `number` — Gets or sets the target opacity to fade to for fade style HighlightedValues.
- **highlightingFadeOpacity**: `number` — Gets or sets the target opacity to fade to for fade style highlighting.
- **hitTestMode**: `SeriesHitTestMode` — Method of hit testing to use when pointing to items in this series.

The HitTestMode can be set to either:

-   Auto: automatically decide the appropriate hit test mode for the series.
-   ColorEncoded: use a color encoded off screen buffer for hit testing. Should always be O(1) time for determining a hit series. This increases frame render time and memory usage, however. Consider using this if hit testing time is degrading performance.
-   Computational: use a computational based approach to determine whether the series has been hit. This uses loose bounding boxes, in some cases, and can range in time complexity between O(1) and O(log n) to find a hit. This decreases frame render time compared to color encoded

this.series.hitTestMode = SeriesHitTestMode.Computational;
- **i**: `Series`
- **index**: `number` — Gets the Index property.
- **isActualLegendFinancial**: `boolean` — Gets or sets whether the ActualLegend is FinancialLegend or normal Legend.
- **isAnnotationCalloutLayer**: `boolean` — Gets whether the series is an callout annotation layer.
- **isAnnotationCrosshairLayer**: `boolean` — Gets whether the series is an crosshair annotation layer.
- **isAnnotationDataLayer**: `boolean` — Gets whether the series is a data annotation layer that support binding to data source
DataAnnotationShapeLayer, DataAnnotationSliceLayer, DataAnnotationStripLayer
- **isAnnotationFinalValue**: `boolean` — Gets whether the series is final value annotation layer.
- **isAnnotationHoverLayer**: `boolean` — Gets whether the series is an annotation layer displayed only when hovering over the chart.
Crosshair Layer, Category Highlight Layer, Category Tooltip Layer, Item Tooltip Layer
- **isAnnotationLayer**: `boolean` — Gets whether the series is an annotation layer.

let isAnnotationLayer: boolean = this.series.isAnnotationLayer;
- **isAnnotationValueLayer**: `boolean` — Gets whether the series is a value annotation layer.
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.

let isAreaorLine: boolean = this.series.isAreaorLine;
- **isBar**: `boolean` — Gets whether the current series shows a horizontal column shape.
- **isCategory**: `boolean` — Gets whether the current series is a category type series.

let isCategory: boolean = this.series.isCategory;
- **isColoredItemwise**: `boolean`
- **isColumn**: `boolean` — Gets whether the current series shows a column shape.
- **isComponentHighlightingModeIgnored**: `boolean` — Gets or sets whether the component level highlight mode is ignored.
- **isDefaultCrosshairBehaviorDisabled**: `boolean` — Gets whether the default crosshair behavior should be disabled if this series is present.

IsDefaultCrosshairBehaviorDisabled defaults to true for annotation layers. When not using annotaion layers, you can show crosshairs by setting the chart's CrosshairVisibility to true.

let isDefaultCrosshairBehaviorDisabled: boolean = this.series.isDefaultCrosshairBehaviorDisabled;
- **isDefaultTooltipBehaviorDisabled**: `boolean` — Gets whether the default tooltip behavior should be disabled if this series is present.

 let isDefaultTooltipBehaviorDisabled: boolean = this.series.isDefaultTooltipBehaviorDisabled;
- **isDefaultToolTipSelected**: `boolean` — Gets if the default tooltip has been selected for display.

To use the default tooltip set ShowDefaultTooltip to true.

let isDefaultToolTipSelected: boolean = this.series.isDefaultToolTipSelected;
- **isDropShadowEnabled**: `boolean` — Gets or sets whether drop shadow should be enabled for this series.

IsDropShadowEnabled is used to decide whether drop shadow should be enabled for this series.

this.series.isDropShadowEnabled = true;
- **isFinancial**: `boolean` — Gets whether the current series is a financial type series.

let isFinancial: boolean = this.series.isFinancial;
- **isFinancialIndicator**: `boolean` — Gets whether the series is financial indicator
- **isFinancialOverlay**: `boolean` — Gets whether the series is financial overlay
- **isFinancialSeries**: `boolean` — Gets whether the series has financial OHLC/candlestick visuals
- **isFinancialWaterfall**: `boolean` — Gets whether the series is financial waterfall
- **isFragment**: `boolean` — Gets whether the current series is a stack fragment.

let isFragment: boolean = this.series.isFragment;
- **isGeographic**: `boolean` — Gets whether the current series is a geographic series.

let isGeographic: boolean = this.series.isGeographic;
- **isHighlightingEnabled**: `boolean` — Gets or sets whether highlighting should be enabled for this series, if this type of series supports highlighting.

this.series.isHighlightingEnabled = true;
- **isHighlightOverlay**: `boolean` — Gets whether the series is a highlight overlay.
- **isIndexed**: `boolean` — Gets if the series uses an index, which can be used to auto-assign it a color.

let isIndexed: boolean = this.series.isIndexed;
- **isLayer**: `boolean`
- **isLineContour**: `boolean` — Gets whether the current series shows a line contour shape.
- **isLineOnly**: `boolean` — Gets whether the current series shows only line shapes.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when markerless display is preferred or not.
- **isNegativeColorSupported**: `boolean` — Overridden by derived series classes to indicate when negative colors are supported or not.
- **isPie**: `boolean` — Gets whether the current series shows a pie shape.
- **isPixel**: `boolean` — Gets whether the current series shows pixels.
- **isPolar**: `boolean` — Gets whether the current series is a polar type series.

let isPolar: boolean = this.series.isPolar;
- **isPolygon**: `boolean` — Gets whether the current series shows a polygon shape.
- **isPolyline**: `boolean` — Gets whether the current series shows a polyline shape.
- **isRadial**: `boolean` — Gets whether the current series is a radial type series.

let isRadial: boolean = this.series.isRadial;
- **isRange**: `boolean` — Gets whether the current series is a range type series.

let isRange: boolean = this.series.isRange;
- **isScatter**: `boolean` — Gets whether the current series is a scatter type series.

let isScatter: boolean = this.series.isScatter;
- **isShape**: `boolean` — Gets whether the current series is a shape type series.
- **isShapeControl**: `boolean` — Gets whether the current series shows interactive shape controls.
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- **isStacked**: `boolean` — Gets whether the current series is a stacked type series.

let isStacked: boolean = this.series.isStacked;
- **isStep**: `boolean` — Gets whether the current series shows step shapes.
- **isSummarizationSupported**: `boolean` — Gets whether the series supports summarization in Data Legend and Data Tooltip.
- **isTile**: `boolean` — Gets whether the current series shows a tile imagery.
- **isToolTipLayer**: `boolean` — Gets whether the series is an annotation layer.
- **isUsableInLegend**: `boolean` — Gets if the series should appear in any legends.

let isUsableInLegend: boolean = this.series.isUsableInLegend;
- **isUserAnnotationLayer**: `boolean` — Gets whether the series is final value annotation layer.
- **isUserAnnotationToolTipLayer**: `boolean` — Gets whether the series is final user annotation tooltip layer.
- **isValueAxisInverted**: `boolean` — Gets whether the current series shows an area shape.
- **isValueOverlay**: `boolean` — Gets whether the series is a value overlay.
- **isVertical**: `boolean` — Gets whether the current series is oriented vertically.

let isVertical: boolean = this.series.isVertical;
- **isWaterfall**: `boolean` — Gets whether the current series shows a waterfall column shape.
- **layers**: `IgcSeriesLayerCollection` — Gets the current extra layers for the series.
- **legend**: `any` — Gets or sets the legend used for the current series.
- **legendItemBadgeMode**: `LegendItemBadgeMode` — Gets or sets the mode of legend badge representing the current series in a legend.
This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
- **legendItemBadgeShape**: `LegendItemBadgeShape` — Gets or sets the type of legend badge representing the current series in a legend.
This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
- **legendItemBadgeTemplate**: `IgDataTemplate` — Gets or sets the LegendItemBadgeTemplate property.
The legend item badge is created according to the LegendItemBadgeTemplate on-demand by
the series object itself.
- **legendItemTemplate**: `IgDataTemplate` — Gets or sets the LegendItemTemplate property.
The legend item control content is created according to the LegendItemTemplate on-demand by
the series object itself.
- **legendItemVisibility**: `Visibility` — Gets or sets whether or not the current series will have a legend item displayed in a legend.

The LegendItemVisibilty can be used to exclude only certain Series from the Legend.
- **lineCap**: `PenLineCap` — Gets or sets the style of the starting point of any lines or polylines representing this series.
Not every series type has a line at which it would be appropriate to display a start cap, so this property does not affect every series type.  LineSeries, for example, is affected by StartCap, but ColumnSeries is not.
- **lineJoin**: `PenLineJoin` — Gets or sets the brush that specifies current series object's line join style.
- **markerFillOpacity**: `number` — Gets or sets the opacity applied to the fill of the markers.
This property only applies to series that have area visual.
- **mouseOverEnabled**: `boolean` — Gets or sets the whether the chart reacts to mouse move events.
- **name**: `string`
- **opacity**: `number`
- **outline**: `string` — Gets or sets the brush to use for the outline of the series.
Some series types, such as LineSeries, do not display outlines.  Therefore, this property does not affect some charts.

The Outline along with the Brush and NegativeBrush can be used to affect the visuals of the Series.

this.series.brush = "red";
- **outlineMode**: `SeriesOutlineMode` — Gets or sets the outline mode to use for the series.
- **percentChange**: `number` — The percent change from the beginning to the end of this series.
- **renderRequested**: `any` — This event is raised every time a render has been requested from a series.
- **resolution**: `number` — Gets or sets the current series object's rendering resolution.

Setting the Resolution on a Series to a higher value can help with performance, but it will lower the graphical fidelity of the line. As such, it can be increased up until the fidelity is unacceptable.

this.series.resolution = 1.5;
- **safeActualBrush**: `string` — Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color.
- **selectionBrush**: `string` — Gets or sets the selection brush to use for the series.
- **selectionThickness**: `number` — Gets or sets the width of the current series object's line thickness when the series is selected.
- **seriesInternal**: `any`
- **shadowBlur**: `number` — Gets or sets the shadow blur.
This property is ignored when
Series.UseSingleShadow is set to true.

ShadowBlur can be set in conjection with IsDropShadowEnabled to further define the drop shadow effect.

this.series.shadowBlur = 7;
- **shadowColor**: `string` — Gets or sets the drop shadow color.

ShadowColor can be set in conjection with IsDropShadowEnabled to further define the drop shadow effect.

this.series.shadowColor = "blue";
- **shadowOffsetX**: `number` — Gets or sets the drop shadow x-offset.

ShadowOffsetX can be set in conjection with IsDropShadowEnabled to further define the drop shadow effect.

this.series.shadowOffsetX = 10;
- **shadowOffsetY**: `number` — Gets or sets the drop shadow y-offset.

ShadowOffsetY can be set in conjection with IsDropShadowEnabled to further define the drop shadow effect.

this.series.shadowOffsetY = 10;
- **shouldAnimateOnDataSourceSwap**: `boolean` — Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
- **shouldHideAutoCallouts**: `boolean` — Gets or sets whether this series should suppress it's auto callouts
- **shouldRemoveHighlightedDataOnLayerHidden**: `boolean` — Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
- **shouldShiftOpacityForSafeActualBrush**: `boolean` — Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
- **showDefaultTooltip**: `boolean` — Gets or sets whether default tooltip will be shown.

The default tooltips display all the information relevant to the particular series item (series title, data values, axis values etc.) and are styled to match the series' style. When using default tooltips, you should also set the series Title.

this.series.showDefaultTooltip ="true";
- **thickness**: `number` — Gets or sets the width of the current series object's line thickness.

Depending on the Series type, this can be the main brush used, or just the outline. For example, when using a LineSeries it will affect the thickness of the lines drawn, whereas when using a ColumnSeries it will affect the outer border thickness of the columns.

this.series.thickness=5;
- **title**: `any` — Gets or sets the Title property.
The legend item control is created according to the Title on-demand by
the series object itself.

The Series Title may be used in tooltips and legends.

this.series.title = "InStock Items";
- **tooltipContainerTemplate**: `TemplateFunction`
- **tooltipTemplate**: `TemplateFunction`
- **transitionDuration**: `number` — Gets or sets the duration of the current series' morph.

The TransitionDuration can be used to play animation when data is added or removed from a Series. To play an initial animation see TransitionInDuration.

this.series.transitionDuration = 500;
- **transitionEasingFunction**: `any` — Gets or sets the easing function used to morph the current series.

The TransitioninDuration and TransitionEasingFunction can be used to play animation when data is added or removed from a Series. To play an initial animation see TransitionInDuration.

this.series.transitionEasingFunction =  EasingFunctions.cubicEase;
- **transitionInDuration**: `number` — Gets or sets the duration of the current series' transition in morph.

The TransitionInDuration can be used with IsTransitionInEnabled to cofigure the animation when a new datasource is loaded.

this.series.transitionDuration = 500;
- **transitionInEasingFunction**: `any` — Gets or sets the EasingFunction used to morph the current series during the initial transition.

The TransitionInEasingFunction can be used with IsTransitionInEnabled to cofigure the animation when a new datasource is loaded.

this.series.transitionInEasingFunction =  EasingFunctions.cubicEase;
- **transitionInSpeedType**: `TransitionInSpeedType` — Gets or sets the duration of the current series' transition in morph.

The TransitionInSpeedType can be used with IsTransitionInEnabled to cofigure the animation when a new datasource is loaded.

this.series.transitionInSpeedType = TransitionInSpeedType.IndexScaled;
- **transitionOutCompleted**: `any` — Fired when a transition out has completed.
- **transitionOutDuration**: `number` — Gets or sets the duration of the current series' transition out morph.
- **transitionOutEasingFunction**: `any` — Gets or sets the EasingFunction used to morph the current series during the initial transition.
- **transitionOutSpeedType**: `TransitionOutSpeedType` — Gets or sets the duration of the current series' transition out morph.
- **useItemWiseColors**: `boolean` — Gets or sets whether the series should use individual palette colors for each item.
- **useSingleShadow**: `boolean` — Gets or sets whether drop shadow is applied to the whole series visual or to each of the individual shapes forming the series.
When this property is set to true, no
Series.ShadowBlur is applied.

this.series.useSingleShadow = true;
- **visibility**: `Visibility`
- **visibleRangeMarginBottom**: `number` — Gets or sets the bottom margin to use when getting a visible axis range for the series.
- **visibleRangeMarginLeft**: `number` — Gets or sets the left margin to use when getting a visible axis range for the series.
- **visibleRangeMarginRight**: `number` — Gets or sets the right margin to use when getting a visible axis range for the series.
- **visibleRangeMarginTop**: `number` — Gets or sets the top margin to use when getting a visible axis range for the series.
- **visibleRangeMode**: `SeriesVisibleRangeMode` — Gets or sets the visible range mode to use.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **bindAxes**(axes: IgcAxisComponent[]): void
- **bindSeries**(series: IgcSeriesComponent[]): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **fromWorldPosition**(world: IgPoint): IgPoint — Converts a point from world coordinates to coordinates within the viewport of the series.
- **getEffectiveViewport**(): IgRect — Gets the effective viewport, adjusted to account for margins and other factors.
- **getExactItemIndex**(world: IgPoint): number — Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the item index associated with the specified world position


let index: number = this.series.getItemIndex({x:.5,y:.5});
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.


let span: number = this.series.getItemSpan();
- **getItemValue**(item: any, memberPathName: string): any
- **getMainContentViewport**(): IgRect
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesHighValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesHighValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesLowValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesLowValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- **getSeriesValueFromSeriesPixel**(mouse: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValueMarkerBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value marker bounding box within the series that has the best value match for the world position provided.
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesValuePositionFromSeriesPixel**(mouse: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesValueType**(mode: string | ValueLayerValueMode): number[] — Gets the data values of each axis associated with the specified value type. For example, if you specify
mode as Maximum then it will return the maximum numerical value for each axis. For non-numerical axes it
will return NaN.
- **getSeriesValueTypePosition**(mode: string | ValueLayerValueMode): IgPoint — Gets position of series value for specified layer value mode
- **getSeriesValueTypePositionFromValue**(values: number[]): IgPoint
- **getUnscaledPosition**(pos: IgPoint): IgPoint — Gets an unscaled position in terms of axis values from a viewport position.
- **hideToolTips**(): void — Hides any internal tooltips presented by the series, if any.
- **hideToolTipsImmediate**(): void — Hides any internal tooltips presented by the series, if any.
- **moveCursorPoint**(point: IgPoint): void — Moves the cursor point to the provided world position. Some series may react to the current cursor position.
- **notifyIndexedPropertiesChanged**(): void — Called to notify about changes to indexed-based properties, e.g. Brushes, Outlines, MarkerBrushes, MarkerOutlines and refresh series
- **notifyVisualPropertiesChanged**(): void — Notifies the series that a visual property has changed, requiring a visual update.
- **playTransitionIn**(): void — Plays the assigned transition out animation, if any.
- **playTransitionOut**(): void — Plays the assigned transition out animation, if any.
- **playTransitionOutAndRemove**(): void — Plays the assigned transition out animation, if any.
- **provideData**(data: any[]): void
- **provideHighlightedData**(data: any[]): void
- **removeAllAlternateViews**(): void — Removes all alternate views of this series.
- **removeAlternateView**(viewIdentifier: string): void — Removes an alternate view of this series.
- **removeAxes**(): void — Call to null out the axes of the series;
- **renderSeries**(animate: boolean): void — Renders the series.
- **replayTransitionIn**(): void — Replays the assigned transition in animation, if any.


this.series.replayTransitionIn();
- **resolveTooltipBrush**(): string — Gets the brush for tooltip labels.
- **scrollIntoView**(item: any): boolean — Requests that the provided item should be brought into view if possible.
- **setNegativeColors**(negativeBrush: string, negativeOutline: string): void
- **simulateHover**(point: IgPoint): void — Simulates a pointer hover over the series surface.
- **styleUpdated**(): void — Called when this series' Style is updated.
- **toWorldPosition**(seriesPoint: IgPoint): IgPoint — Converts a point from coordinates within the series plot area to a world position within axis space.
- **toWorldRect**(rect: IgRect): IgRect — Converts a rect from coordinates within the series plot area to a world position within axis space.
- static **_createFromInternal**(internal: any): IgcSeriesComponent

### [IgcSeriesLayer](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesLayer)
Represents an axis annotation

- **constructor**(): IgcSeriesLayer
- **propertyOverlays**: `IgcSeriesLayerPropertyOverlayCollection` — Gets the current extra layers for the series.
- **transitionOutIsInProgress**: `boolean`
- **zIndex**: `number` — Gets or sets the ZIndex to use for layering the series layers.
- **findByName**(name: string): any
- **playTransitionIn**(): void
- **playTransitionOutAndRemove**(): void

### [IgcSeriesLayerCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesLayerCollection)

- **constructor**(list?: IgcSeriesLayer[]): IgcSeriesLayerCollection

### [IgcSeriesLayerPropertyOverlay](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesLayerPropertyOverlay)
Represents an axis annotation

- **constructor**(): IgcSeriesLayerPropertyOverlay
- **currentValuePropertyName**: `string` — Gets or sets the property from which to get the current value, if different from property name.
- **internalPropertyName**: `string`
- **isAlwaysApplied**: `boolean` — Gets or sets whether this property overlay should be applied to the source or target even if the source property wasn't mutated.
- **isSourceOverlay**: `boolean` — Gets or sets whether this property overlay targets the source series instead of the current layer while the layer is present.
- **propertyName**: `string` — Gets or sets the property to overlay on the series or series layer.
- **propertyUpdated**: `any` — Event raised when a property value is changed.
- **value**: `any` — Gets or sets the value to overlay on the series or series layer.
- **valueResolving**: `any`
- **findByName**(name: string): any

### [IgcSeriesLayerPropertyOverlayCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesLayerPropertyOverlayCollection)

- **constructor**(list?: IgcSeriesLayerPropertyOverlay[]): IgcSeriesLayerPropertyOverlayCollection

### [IgcSeriesLayerPropertyOverlayValueResolvingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesLayerPropertyOverlayValueResolvingEventArgs)
Provides data for Axis RangeChanged events.

- **constructor**(): IgcSeriesLayerPropertyOverlayValueResolvingEventArgs
- **value**: `any`

### [IgcSeriesMatcher](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesMatcher)

- **constructor**(): IgcSeriesMatcher
- **index**: `number` — If set, tries to match a series based on index
- **memberPath**: `string` — If set, tries to match a series based on a member path, combined with MemberPathType.
- **memberPathType**: `string` — Combined with MemberPath allows you to select a series by member path.
- **name**: `string` — If set, tries to match a series based on its name.
- **title**: `string` — If set, tries to match a series based on its title.
- **findByName**(name: string): any

### [IgcSeriesViewerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesViewerComponent)
Represents a control for viewing series objects.

- **constructor**(): IgcSeriesViewerComponent
- **actualContentHitTestMode**: `ChartHitTestMode` — Resolved method of hit testing used when the pointer is over elements in the chart.

let actualContentHitTestMode: ChartHitTestMode  =this.chart.actualContentHitTestMode;
- **actualInteractionPixelScalingRatio**: `number` — Resolved method of pixel scaling to use during end user interaction with the chart.

let actualInteractionPixelScalingRatio: number = this.chart.actualInteractionPixelScalingRatio;
- **actualPixelScalingRatio**: `number` — Gets the resolved pixel scaling ratio.

A higher scaling ratio will produce crisper visuals at the expense of memory. Lower values will cause the control to appear blurry

let actualPixelScalingRatio: number = this.chart.actualPixelScalingRatio;
- **actualWindowPositionHorizontal**: `number` — A number between 0 and 1 determining the position of the horizontal scroll.
This property is effectively a shortcut to the Left of the ActualWindowRect property.

let actualWindowPositionHorizontal: number = this.chart.actualWindowPositionHorizontal;
- **actualWindowPositionVertical**: `number` — A number between 0 and 1 determining the position of the vertical scroll.
This property is effectively a shortcut to the Top of the ActualWindowRect property.

let actualWindowPositionVertical: number = this.chart.actualWindowPositionVertical;
- **actualWindowRect**: `IgRect` — Gets the actual value of the window rectangle, which represents the current zoom level.
- **actualWindowRectChanged**: `any` — Raised when the actual window rectangle of the SeriesViewer changes.
- **actualWindowRectMinHeight**: `number` — Gets the actual minimum height that the window rect is allowed to reach before being clamped.
- **actualWindowRectMinWidth**: `number` — Gets the actual minimum width that the window rect is allowed to reach before being clamped.
- **animateSeriesWhenAxisRangeChanges**: `boolean` — Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.

AnimateSeriesWhenAxisRangeChanges is a Boolean property to override the default behavior in which series do not animate if an axis range changes.

this.chart.animateSeriesWhenAxisRangeChanges = true;
- **autoMarginHeight**: `number` — Sets or gets the automatic height to add when automatically adding margins to the chart.

 this.chart.autoMarginHeight = 50;
- **autoMarginWidth**: `number` — Sets or gets the automatic width to add when automatically adding margins to the chart.

The autoMarginWidth propertry is used find the automatic width to add when automatically adding margins to the chart.

this.chart.autoMarginWidth = 50;
- **axisLabelMouseClick**: `any`
- **axisLabelMouseDown**: `any`
- **axisLabelMouseEnter**: `any`
- **axisLabelMouseLeave**: `any`
- **axisLabelMouseOver**: `any`
- **axisLabelMouseUp**: `any`
- **axisPanelMouseClick**: `any`
- **axisPanelMouseDown**: `any`
- **axisPanelMouseEnter**: `any`
- **axisPanelMouseLeave**: `any`
- **axisPanelMouseOver**: `any`
- **axisPanelMouseUp**: `any`
- **bottomMargin**: `number` — Sets or gets the bottom margin to use around the chart content.

The bottomMargin property is used to gets/set the bottom margin around the chart content in the canvas.

this.chart.bottomMargin = 50;
- **brushes**: `string[]` — Gets or sets the palette of brushes used for fill of plotted series.
These brushes are automatically assigned to series based on the index of series.
- **chartTitle**: `string` — Text to display above the plot area.

The Title property is used to set the title to display for the component.

this.chart.title="Items Sold";
- **contentHitTestMode**: `ChartHitTestMode` — Determines the method of hit testing used when mousing over elements in the chart.

this.chart.contentHitTestMode = ChartHitTestMode.Computational;
- **contentViewport**: `IgRect` — Represents the subset area within the viewport into which content should be mapped.
This is the projection of the current EffectiveViewport into the viewport at current zoom level.
- **crosshairPoint**: `IgPoint` — Gets or sets the cross hair point (in world coordinates)
Either or both of the crosshair point's X and Y may be set to double.NaN, in which
case the relevant crosshair line is hidden.

The CrosshairPoint property is used to gets/sets the cross hair point (in world coordinates).

this.chart.crosshairPoint = {x:.8,y:.2};
- **crosshairVisibility**: `Visibility` — Gets or sets the current SeriesViewer's crosshair visibility override.

The CrosshairVisibility property is used to gets or sets the current Chart's crosshair visibility override. Note: setting this property does not affect the mobile browser version of the chart.

this.chart.crosshairVisibility = Visibility.Visible;
- **defaultInteraction**: `InteractionState` — Gets or sets the DefaultInteraction property.
The default interaction state defines the SeriesViewer's response to mouse events.

The default interaction state defines the chart's response to mouse events.

this.chart.defaultInteraction = InteractionState.DragPan;
- **dragModifier**: `ModifierKeys` — Gets or sets the current SeriesViewer's DragModifier property.

DragModifier is useful to enable zooming when zooming is not the default interaction.

this.chart.dragModifier = ModifierKeys.Alt;
- **effectiveViewport**: `IgRect` — Gets the EffectiveViewport rectangle, representing the effective viewport area after margins have been subtracted.

 ``ts
let viewport: IgxRect = this.chart.effectiveViewport;
- **fireMouseLeaveOnManipulationStart**: `boolean` — Gets or sets how the mouse leave event fires when a manipulation is started.
- **focusBrush**: `string` — Gets or sets the Focus brush to use for the series.
- **focusDismissDelayMilliseconds**: `number` — Gets or sets the amount of time to delay before dismissing a selection effect.
- **focusedSeriesItems**: `IgcChartSelectedItemCollection` — Gets the currently focused data items.  Adding or removing data items from this collection will
focus or blur the visuals associated with those items.
- **focusedSeriesItemsChanged**: `any` — Raised when the SelectedItems collection has changed.
- **focusMode**: `SeriesSelectionMode` — Gets or sets the focus mode to use for the series in the component, when supported.
- **focusTransitionDuration**: `number` — Gets or sets the duration the Focus/de-Focus effects.
- **fullSeries**: `IgcSeriesCollection`
- **gridAreaRectChanged**: `any` — Occurs just after the current SeriesViewer's grid area rectangle is changed.
The grid area may change as the result of the SeriesViewer being resized, or
of an axis being added or changing size, possibly in another SeriesViewer.
- **highlightedValuesDisplayMode**: `SeriesHighlightedValuesDisplayMode` — Gets or sets whether and how to display highlighted values for the series by default. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
- **highlightingBehavior**: `SeriesHighlightingBehavior` — Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.
- **highlightingDismissDelayMilliseconds**: `number` — Gets or sets the amount of time to delay before dismissing a selection effect.
- **highlightingFadeOpacity**: `number` — Gets or sets the target opacity to fade to for fade style highlighting.
- **highlightingMode**: `SeriesHighlightingMode` — Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.
- **highlightingTransitionDuration**: `number` — Gets or sets the duration the highlighting/de-highlighting effects.

The HighlightingTransitionDuration property is used to set the time for highlighting transition in milliseconds .

chart.HighlightingTransitionDuration=500;
- **horizontalCrosshairBrush**: `string` — Gets or sets the current SeriesViewer's crosshair horizontal brush override.
- **horizontalViewScrollbarCornerRadius**: `number` — Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarFill**: `string` — Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarHeight**: `number` — Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarInset**: `number` — Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarMaxOpacity**: `number` — Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarMode**: `SeriesViewerScrollbarMode` — Gets or sets the horizontal scrollbar mode to use for the series viewer.
- **horizontalViewScrollbarOutline**: `string` — Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarPosition**: `SeriesViewerHorizontalScrollbarPosition` — Gets or sets the position to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarShouldAddAutoTrackInsets**: `boolean` — Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarStrokeThickness**: `number` — Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarTrackEndInset**: `number` — Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.
- **horizontalViewScrollbarTrackStartInset**: `number` — Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.
- **imageCaptured**: `any` — Event raised when an image of the component is saved
- **interactionOverride**: `InteractionState` — Gets or sets the InteractionOverride property.
The interaction override overrides the default interaction and modifiers keys and defines the SeriesViewer's response to mouse events.
- **interactionPixelScalingRatio**: `number` — Method of pixel scaling to use during end user interaction with the chart.
- **isAntiAliasingEnabledDuringInteraction**: `boolean` — Gets or sets the IsAntiAliasingEnabledDuringInteraction property.
- **isDetached**: `boolean`
- **isInCreateAnnotationMode**: `boolean`
- **isInDeleteAnnotationMode**: `boolean`
- **isMap**: `boolean` — Indicates if this SeriesViewer is a map.
- **isPagePanningAllowed**: `boolean` — Gets or sets the whether the series viewer can allow the page to pan if a control pan is not possible in the requested direction.
- **isSurfaceInteractionDisabled**: `boolean` — Gets or sets whether all surface interactions with the plot area should be disabled.

The IsSurfaceInteractionDisabled property is used to enable/disable interactions with the plot surface.

chart.isSurfaceInteractionDisabled=true;
- **isUserAnnotationsEnabled**: `boolean` — Gets or sets whether initiating user annotations from the toolbar is enabled.
- **isWindowSyncedToVisibleRange**: `boolean` — Gets or sets whether to sync the vertical aspect of the window with the contained series content. This is only supported for a subset of the available series.
- **leftMargin**: `number` — Sets or gets the left margin to use around the chart content.

The LeftMargin property is used to set the left margin.

 this.chart.leftMargin = 20;
- **legendHighlightingMode**: `LegendHighlightingMode` — Gets or sets the highlighting mode to use for the legend linked to the component, when supported.
- **legendItemBadgeMode**: `LegendItemBadgeMode` — Gets or sets the mode of legend badges representing all series in this chart.
This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
- **legendItemBadgeShape**: `LegendItemBadgeShape` — Gets or sets type of legend badges representing all series displayed in a legend linked to this component
This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
- **markerAutomaticBehavior**: `MarkerAutomaticBehavior` — Gets or sets the marker mode used for assigning a marker type to series when the marker type is automatic.
- **markerBrushes**: `string[]` — Gets or sets the palette of brushes used for fill of marker series.
These brushes are automatically assigned to markers based on the index of series.
- **markerOutlines**: `string[]` — Gets or sets the palette of brushes used for outlines of plotted markers.
These outlines are automatically assigned to markers based on the index of series.
- **outlines**: `string[]` — Gets or sets the palette of brushes used for outlines of plotted series.
These outlines are automatically assigned to series based on the index of series.
- **panModifier**: `ModifierKeys` — Gets or sets the current SeriesViewer's PanModifier property.

PanModifier is useful to enable panning when panning is not the default interaction.

this.chart.panModifier = ModifierKeys.Alt;
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **plotAreaBackground**: `string` — Gets or sets the brush used as the background for the current SeriesViewer object's plot area.

PlotAreaBackground property set the background brush to the current Chart object's plot area.

this.chart.plotAreaBackground="#F0F8FF";
- **plotAreaClicked**: `any` — Occurs when the left mouse button is clicked while the mouse pointer is over the plot area.
- **plotAreaMouseEnter**: `any` — Occurs when the pointer enters the plot area.
- **plotAreaMouseLeave**: `any` — Occurs when the pointer exits the plot area.
- **plotAreaMouseLeftButtonDown**: `any` — Occurs when the left mouse button is pressed while the mouse pointer is over the plot area.
- **plotAreaMouseLeftButtonUp**: `any` — Occurs when the left mouse button is pressed while the mouse pointer is over the plot area.
- **plotAreaMouseOver**: `any` — Occurs when the pointer if over the plot area.
- **preferHigherResolutionTiles**: `boolean` — Gets or sets whether the series viewer should prefer selecting higher resolution tiles over lower resolution tiles when performing tile zooming. Setting this to true will lower performance but increase quality.
- **previewPathFill**: `string` — Gets or sets the brush used as the fill for the current SeriesViewer object's preview path.
Null is treated as auto.
- **previewPathOpacity**: `number` — Gets or sets the opacity used as for the fill for the current SeriesViewer object's preview path.
Null is treated as auto.
- **previewPathStroke**: `string` — Gets or sets the brush used as the border for the current SeriesViewer object's preview path.
Null is treated as auto.
- **previewRect**: `IgRect` — Gets or sets the preview rectangle.
The preview rectangle may be set to Rect.Empty, in which case the visible preview
strokePath is hidden.

PreviewRect can be used to highlight an area of importance.

this.chart.previewRect = {left:0,top:0,height:.5,width:.5};
- **refreshCompleted**: `any` — Raised when the SeriesViewer's processing for an update has completed.
- **resizeIdle**: `any`
- **resizeIdleMilliseconds**: `number` — Gets or sets the milliseconds before the chart will fire the resize idle event after the last resize.
- **rightButtonDefaultInteraction**: `InteractionState` — Gets or sets the RightButtonDefaultInteraction property.
The default interaction state defines the SeriesViewer's response to right button mouse events.
- **rightMargin**: `number` — Sets or gets the right margin to use around the chart content.

The RightMargin property is used to set the left margin around the chart content in the canvas.

this.chart.rightMargin=20;
- **scrollbarsAnimationDuration**: `number` — Gets or sets the duration of the scrollbar effects.
- **selectedSeriesItems**: `IgcChartSelectedItemCollection` — Gets the currently selected data items.  Adding or removing data items from this collection will
select or deselect the visuals associated with those items.
- **selectedSeriesItemsChanged**: `any` — Raised when the SelectedItems collection has changed.
- **selectionBehavior**: `SeriesSelectionBehavior` — Gets or sets the selection behavior to use for the series in the component, when supported.
- **selectionBrush**: `string` — Gets or sets the selection brush to use for the series.
- **selectionDismissDelayMilliseconds**: `number` — Gets or sets the amount of time to delay before dismissing a selection effect.
- **selectionMode**: `SeriesSelectionMode` — Gets or sets the selection mode to use for the series in the component, when supported.
- **selectionModifier**: `ModifierKeys` — Gets or sets the current SeriesViewer's SelectionModifier property.
- **selectionTransitionDuration**: `number` — Gets or sets the duration the selection/de-Selection effects.
- **seriesClick**: `any` — Occurs when the left mouse button is released while the mouse pointer is over a Series.
- **seriesCursorMouseMove**: `any` — Occurs when the cursors are moved over a series in this SeriesViewer.
- **seriesMouseEnter**: `any` — Occurs when the mouse pointer enters a Series.

The SeriesMouseEnter event occurs when the left mouse pointer enters an element of this chart.

&lt;-- position: content member-->

public onSeriesMouseEnter(event: {sender: any, args: ChartMouseEventArgs})
{
    var item = event.args.item;
}
- **seriesMouseLeave**: `any` — Occurs when the mouse pointer leaves a Series.

The SeriesMouseLeave event occurs when the left mouse pointer leaves an element of this chart.

public onSeriesMouseLeave(event: {sender: any, args: ChartMouseEventArgs})
{
    var item = event.args.item;
}
- **seriesMouseLeftButtonDown**: `any` — Occurs when the left mouse button is pressed while the mouse pointer is over a Series.

The SeriesMouseLeftButtonDown event occurs when the left mouse button is pressed while the mouse pointer is over an element of this chart.

&lt;-- position: content member-->

public onSeriesMouseLeftButtonDown(event: {sender: any, args: DataChartMouseButtonEventArgs})
{
    var item = event.args.item;
}
- **seriesMouseLeftButtonUp**: `any` — Occurs when the left mouse button is released while the mouse pointer is over a Series.

The SeriesMouseLeftButtonUp event occurs when the left mouse button is released while the mouse pointer is over an element of this chart.

&lt;-- position: content member-->

&lt;-- position: content member-->

public onSeriesMouseLeftButtonUp(event: {sender: any, args: DataChartMouseButtonEventArgs})
{
    var item = event.args.item;
}


public onSeriesMouseLeftButtonUp =(event: any, args: DataChartMouseButtonEventArgs )
{

}
- **seriesMouseMove**: `any` — Occurs when the mouse pointer moves while over a Series.

The SeriesMouseMove event occurs when the left mouse pointer moves while over an element of this chart.

&lt;-- position: content member-->

&lt;-- position: content member-->

public onSeriesMouseMove(event: {sender: any, args: ChartMouseEventArgs})
{
    var item = event.args.item;
}


public onSeriesMouseMove =( event: any, args: ChartMouseEventArgs) => {
                 }
- **seriesValueLayerUseLegend**: `boolean` — Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.
- **shouldMatchZOrderToSeriesOrder**: `boolean` — Gets or sets whether to match the z order of the series to their positional order in the series collection, regardless of mutation.
- **shouldPanOnMaximumZoom**: `boolean` — Gets or sets a whether the chart should pan its content when zooming in passed max zoom level.
- **shouldSimulateHoverMoveCrosshairPoint**: `boolean` — Gets or sets whether calling SimulateHover should shift the crosshair point.
- **sizeChanged**: `any` — Occurs after the size of the series viewer changes.

&lt;-- position: content member-->

&lt;-- position: content member-->

public onSizeChanged =(event: any, args: RectChangedEventArgs}){

}
- **subtitle**: `string` — Gets or sets the Subtitle property.
The Title property defines the Subtitle of the chart

The Subtitle property is used to display subtitle for the component.

this.chart.subtitle="Date of Sale: 1/1/2018";
- **subtitleBottomMargin**: `number` — Margin applied below the subtitle.

The subtitleBottomMargin property is used to set the bottom margin for the subtitle.

this.chart.subtitleBottomMargin = 20;
- **subtitleHorizontalAlignment**: `HorizontalAlignment` — Gets or sets the SubtitleHorizontalAlignment property.

The subtitleBottomMargin property is used to set the horizontal alignment for the subtitle.

this.chart.subtitleHorizontalAlignment="left";
- **subtitleLeftMargin**: `number` — Margin applied to the left of the subtitle.

The subtitleLeftMarging property is used to set the left margin for the subtitle.

this.chart.subtitleLeftMarging=10;
- **subtitleRightMargin**: `number` — Margin applied to the right of the subtitle.

The subTitleRightMargin property is used to set the right margin for the subtitle.

this.chart.subtitleLeftMarging=10;
- **subtitleTextColor**: `string` — Gets or sets the Color used for the Subtitle Text.

The subtitleTextColor property is used to set the color for the subtitle.

this.chart.subtitleTextColor="blue";
- **subtitleTextStyle**: `string` — Font settings for the subtitle.
- **subtitleTopMargin**: `number` — Margin applied above the subtitle.

The subtitleTopMargin property is used to set the top margin for the subtitle.

this.chart.subtitleTopMargin =10;
- **titleBottomMargin**: `number` — Margin applied below the title.

The titleBottomMargin property is used to set the bottom margin for the title.

this.chart.titleBottomMargin=20;
- **titleHorizontalAlignment**: `HorizontalAlignment` — Gets or sets the TitleHorizontalAlignment property.

The subtitleHorizontalAlignment property is used to set horizontal alignment for the subtitle.

this.chart.titleHorizontalAlignment="left";
- **titleLeftMargin**: `number` — Margin applied to the left of the title.

The titleLeftMarging property is used to set the left margin for the title.

this.chart.titleLeftMarging=10;
- **titleRightMargin**: `number` — Margin applied to the right of the title.

The titleRightMargin property is used to set the right margin for the title.

this.chart.titleRightMargin=10;
- **titleTextColor**: `string` — Gets or sets the Color used for the Title Text.

The titleTextColor property is used to set the title brush.

this.chart.titleTextColor="blue" ;
- **titleTextStyle**: `string` — Font settings for the title.
- **titleTopMargin**: `number` — Margin applied above the title.

The titleTopMargin property is used to set the top margin for the title.

this.chart.titleTopMargin=10;
- **topMargin**: `number` — Sets or gets the top margin to use around the chart content.

The topMargin property is used to set the top margin.

this.chart.topMargin=30;
- **userAnnotationInformationRequested**: `any`
- **userAnnotationToolTipContentUpdating**: `any`
- **useTiledZooming**: `boolean` — Gets or sets whether the series viewer should use cached tiles during zooms rather than the default live content.
- **verticalCrosshairBrush**: `string` — Gets or sets the current SeriesViewer's crosshair vertical brush override.
- **verticalViewScrollbarCornerRadius**: `number` — Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarFill**: `string` — Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarInset**: `number` — Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarMaxOpacity**: `number` — Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarMode**: `SeriesViewerScrollbarMode` — Gets or sets the vertical scrollbar mode to use for the series viewer.
- **verticalViewScrollbarOutline**: `string` — Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarPosition**: `SeriesViewerVerticalScrollbarPosition` — Gets or sets the position to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarShouldAddAutoTrackInsets**: `boolean` — Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarStrokeThickness**: `number` — Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarTrackEndInset**: `number` — Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarTrackStartInset**: `number` — Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.
- **verticalViewScrollbarWidth**: `number` — Gets or sets the width to use for the vertical scrollbar in the component, when enabled.
- **viewerManipulationEnding**: `any` — Raised when an ongoing manipulation of the series viewer is ended.
- **viewerManipulationStarting**: `any` — Raised when an ongoing manipulation of the series viewer is started.
- **viewportRect**: `IgRect` — Gets the viewport rectangle associated with the SeriesViewer, the physical dimensions of the plot area.
- **windowPositionHorizontal**: `number` — A number between 0 and 1 determining the position of the horizontal scroll.
This property is effectively a shortcut to the X position of the WindowRect property.

this.chart.windowPositionHorizontal = .2;
- **windowPositionVertical**: `number` — A number between 0 and 1 determining the position of the vertical scroll.
This property is effectively a shortcut to the Y position of the WindowRect property.

this.chart.windowPositionVertical = .2;
- **windowRect**: `IgRect` — A rectangle representing the portion of the SeriesViewer currently in view.
A rectangle at X=0, Y=0 with a Height and Width of 1 implies the entire plotting area is in view.  A Height and Width of .5 would imply that the view is halfway zoomed in.

You can set the WindowRect to zoom in on an area of interest in the chart.

this.chart.windowRect = {left:0, top:1, width: .5, height: .5};
- **windowRectChanged**: `any` — Occurs just after the current SeriesViewer's window rectangle is changed.

&lt;-- position: content member-->

&lt;-- position: content member-->

public onWindowRectChanged =( s:any, e: RectChangedEventArgs) => {

       }
- **windowRectMinHeight**: `number` — Sets or gets the minimum height that the window rect is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
- **windowRectMinWidth**: `number` — Sets or gets the minimum width that the window rect is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)

The WindowRectMinWidth property is used to set or get the minimum width that the window rect is allowed to reach before being clamped.

this.chart.WindowRectMinWidth=".2";
- **windowResponse**: `WindowResponse` — The response to user panning and zooming: whether to update the view immediately while the user action is happening, or to defer the update to after the user action is complete.  The user action will be an action such as a mouse drag which causes panning and/or zooming to occur.

The WindowResponse property is used to set the response to user panning and zooming: whether to update the view immediately while the user action is happening, or to defer the update to after the user action is complete.
The user action will be an action such as a mouse drag which causes panning and/or zooming to occur.

this.chart.windowResponse="deferred";
- **windowSizeMinHeight**: `number` — Sets or gets minimum pixel height that the window is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property is overridden by the WindowRectMinHeight property
- **windowSizeMinWidth**: `number` — Sets or gets minimum pixel width that the window is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property is overridden by the WindowRectMinWidth property
- **zoomCoercionMode**: `ZoomCoercionMode` — Gets or sets zoom is constrained to within the axes. Setting this to false is a preview feature at the present time.
- **zoomTileCacheSize**: `number` — Gets or sets the maximum number of zoom tiles that the series viewer should cache while in tiled zooming mode.
- static **observedAttributes**: `string[]`
- **addCommandAvailabilityListener**(listener: ICommandAvailabilityListener): void
- **addCommandStateChangedListener**(listener: ICommandStateChangedListener): void
- **attachSeries**(s: IgcSeriesComponent): void — Attaches the given series to the chart.
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **cancelAnnotationFlow**(annotationFlowID: string): void
- **cancelCreatingAnnotation**(): void
- **cancelDeletingAnnotation**(): void
- **cancelManipulation**(): void
- **captureImage**(settings: IgcCaptureImageSettings): void
- **clearTileZoomCache**(): void — Clears the tile zoom tile cache so that new tiles will be generated. Only applies if the viewer is using a tile based zoom.
- **connectedCallback**(): void
- **destroy**(): void — Release any resources held by the control.
- **disconnectedCallback**(): void
- **endTiledZoomingIfRunning**(): void — Manually ends a tiled zoom if one is running.
- **findByName**(name: string): any
- **finishAnnotationFlow**(info: IgcUserAnnotationInformation): void
- **finishCreatingAnnotation**(): void
- **finishDeletingAnnotation**(): void
- **flush**(): void — Use to force the SeriesViewer to finish any deferred work before printing or evaluating its visual.
This should only be called if the visual of the SeriesViewer needs to be synchronously saved or evaluated.
Calling this method too often will hinder the performance of the SeriesViewer.


this.chart.flush();
- **getActualWindowScaleHorizontal**(): number — Gets actual window scale for horizontal dimension of the control


let actualWindowScaleHorizontal: number = chart.getActualWindowScaleHorizontal();
- **getActualWindowScaleVertical**(): number — Gets actual window scale for vertical dimension of the control


let actualWindowScaleVertical: number = chart.getActualWindowScaleVertical();
- **getAnimationIdleVersionNumber**(): number
- **getCurrentActualWindowRect**(): IgRect
- **getDesiredToolbarActions**(): ToolActionInfo[]
- **hideToolTip**(): void — Hides the active main tooltip, if displayed.


this.chart.hideToolTip();
- **isAnimationActive**(): boolean
- **loadAnnotationsFromJson**(jsonString: string): void
- **notifyClearItems**(source_: any): void — Used to manually notify the SeriesViewer that the data source has reset or cleared its items.  Invoking this method is only necessary if that datasource is not observable.
- **notifyContainerResized**(): void — Notification from the containing object that the container has been resized.
- **notifyInsertItem**(source_: any, index: number, newItem: any): void
- **notifyRemoveItem**(source_: any, index: number, oldItem: any): void
- **notifySeriesDataChanged**(): void
- **notifySetItem**(source_: any, index: number, oldItem: any, newItem: any): void
- **queueForAnimationIdle**(action: any, version: number): void
- **removeCommandAvailabilityListener**(listener: ICommandAvailabilityListener): void
- **removeCommandStateChangedListener**(listener: ICommandStateChangedListener): void
- **renderToImage**(width: number, height: number): any
- **resetAnnotations**(): void
- **resetZoom**(): void — Resets the zoom level to default.
- **saveAnnotationsToJson**(): string
- **simulateClick**(point: IgPoint): void
- **simulateHover**(point: IgPoint): void
- **simulateMouseLeave**(): void
- **simulatePlotPointerUp**(point: IgPoint): void
- **simulatePressAndHold**(point: IgPoint): void
- **startCreatingAnnotation**(): void
- **startDeletingAnnotation**(): void
- **startTiledZoomingIfNecessary**(): void — Manually starts a tiled zoom if one isn't already running.
- **zoomIn**(percentage: number): void — Performs zoom in action on the chart by specified percentage of current window rect
- **zoomOut**(percentage: number): void — Performs zoom out action on the chart by specified percentage of current window rect
- static **_createFromInternal**(internal: any): IgcSeriesViewerComponent

### [IgcSeriesViewerManipulationEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesViewerManipulationEventArgs)

- **constructor**(): IgcSeriesViewerManipulationEventArgs
- **dragSelectRectangle**: `IgRect`
- **isDragSelect**: `boolean`
- **isDragSelectCancelled**: `boolean`
- **isDragZoom**: `boolean`
- **isZoomPan**: `boolean`

### [IgcSeriesViewerSelectedSeriesItemsChangedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesViewerSelectedSeriesItemsChangedEventArgs)
Provides data for the SelectedItemsChanged event.

- **constructor**(): IgcSeriesViewerSelectedSeriesItemsChangedEventArgs
- **currentItems**: `IgcChartSelectedItemCollection` — A list of the current items selected.
- **newItems**: `IgcChartSelectedItemCollection` — A list of the items being selected.
- **oldItems**: `IgcChartSelectedItemCollection` — A list of the previously selected items.

### [IgcSeriesViewerSelectedSeriesItemsChangingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSeriesViewerSelectedSeriesItemsChangingEventArgs)
Provides data for the SelectedItemsChanging event.

- **constructor**(): IgcSeriesViewerSelectedSeriesItemsChangingEventArgs
- **cancel**: `boolean` — Set this to true in order to stop the SelectedItems collection from changing.

### [IgcShapeSeriesBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcShapeSeriesBaseComponent)
Series class for rendering polygons.

- **constructor**(): IgcShapeSeriesBaseComponent
- **actualItemSearchMode**: `ShapeItemSearchMode`
- **assigningShapeMarkerStyle**: `any` — Event raised when Assigning Shape Marker Style
- **assigningShapeStyle**: `any` — Event raised when Assigning Shape Style. Note, if using this event, or highlighting, its best to avoid use of ShapeStyle/StyleShape/ShapeStyleSelector.
- **fillMemberPath**: `string` — Gets or sets the fill mapping property for the current series object.
- **fillScale**: `IgcBrushScaleComponent` — Gets or sets the brush scale for the fill brush of markers.
- **fillScaleUseGlobalValues**: `boolean` — Gets or sets whether or not the FillScale uses global min/max values of FillMemberPath from multiple series.
This setting applies only if multiple series are using the same FillScale.
- **highlightedShapeMemberPath**: `string` — Gets or sets the value mapping property for the current series object.
- **isCustomShapeMarkerStyleAllowed**: `boolean` — Gets or sets whether this Shape series should allow custom style overrides of its individual marker visuals.
- **isCustomShapeStyleAllowed**: `boolean` — Gets or sets whether this Shape series should allow custom style overrides of its individual visuals.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **isShape**: `boolean` — Gets whether or not this series is a shape series
- **itemSearchMode**: `ShapeItemSearchMode` — Gets or sets the mode the series will use to find the closest point to the cursor.
- **itemSearchPointsThreshold**: `number` — Gets or sets the points threshold to use when searching for items using ItemSearchMode.
- **itemSearchThreshold**: `number` — Gets or sets the threshold to use when searching for items using ItemSearchMode.
- **shapeFilterResolution**: `number` — The resolution at which to filter out shapes in the series.  For example, if the ShapeFilterResolution is set to 3, then elements with a bounding rectangle smaller than 3 X 3 pixels will be filtered out.
In the case of ScatterPolylineSeries, the resolution is compared to either dimension, rather than both.  In other words, a polyline will not be filtered if its height or its width exceeds the value of this property.  Whereas with a ShapeSeries, both the height and the width must exceed the value of this property.
- **shapeMemberPath**: `string` — The name of the property on ItemsSource items which, for each shape, contains a list of points to be converted to a polygon.
To be consistent with the Shapefile technical description, it is expected that each list of points is defined as an IEnumerable of IEnumerable of Point, or in other words, a list of lists of points.
- **styleShape**: `any` — Raised when tile's image URI should be provided
- **xAxis**: `IgcNumericXAxisComponent` — Gets or sets the effective x-axis for the current ScatterBase object.
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **yAxis**: `IgcNumericYAxisComponent` — Gets or sets the effective y-axis for the current ScatterBase object.
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getExactItemIndex**(world: IgPoint): number — Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint

### [IgcSizeScaleComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSizeScaleComponent)
Represents a scale that is used determine an object's size.

- **constructor**(): IgcSizeScaleComponent
- static **htmlTagName**: `string`
- **globalMaximum**: `number` — Gets or sets global maximum value that will be mapped to MaxumumValue of this scale
- **globalMinimum**: `number` — Gets or sets global minimum value that will be mapped to MinumumValue of this scale
- **isLogarithmic**: `boolean` — Gets or sets whether the scale is logarithmic.
- **logarithmBase**: `number` — Gets or sets the logarithm base for this scale.
- **maximumValue**: `number` — Gets or sets the maximum size (in pixels) for this scale.
- **minimumValue**: `number` — Gets or sets the minimum size (in pixels) for this scale.
- **propertyUpdated**: `any` — Event raised when a property (including "effective" and non-dependency property) value changes.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getCurrentGlobalMaximum**(): number
- **getCurrentGlobalMinimum**(): number
- static **_createFromInternal**(internal: any): IgcSizeScaleComponent
- static **register**(): void

### [IgcSliceClickEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSliceClickEventArgs)
Contains PieChart click event data.

- **constructor**(): IgcSliceClickEventArgs
- **bounds**: `IgRect` — Gets the bounds of the slice.
- **dataContext**: `any` — Gets the slice data context.
- **endAngle**: `number` — Gets the end angle of the slice.
- **fill**: `string` — Gets the fill color of the slice.
- **index**: `number` — Gets the index of the slice that was clicked.
- **isExploded**: `boolean` — Gets or sets whether the slice is exploded.
- **isOthersSlice**: `boolean` — Gets whether the current slice is part of the others slice.
- **isSelected**: `boolean` — Gets or sets whether the slice is selected.
- **origin**: `IgPoint` — Gets the origin location of the slice.
- **originalEvent**: `any` — Holds a reference to the original event that triggered slice click.
- **outline**: `string` — Gets the outline color of the slice.
- **radius**: `number` — Gets the radius of the slice.
- **startAngle**: `number` — Gets the start angle of the slice.

### [IgcSliceEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSliceEventArgs)
Contains PieChart click event data.

- **constructor**(): IgcSliceEventArgs
- **bounds**: `IgRect` — Gets the bounds of the slice.
- **dataContext**: `any` — Gets the slice data context.
- **endAngle**: `number` — Gets the end angle of the slice.
- **fill**: `string` — Gets the fill color of the slice.
- **index**: `number` — Gets the index of the slice that was clicked.
- **isExploded**: `boolean` — Gets or sets whether the slice is exploded.
- **isOthersSlice**: `boolean` — Gets whether the current slice is part of the others slice.
- **isSelected**: `boolean` — Gets or sets whether the slice is selected.
- **origin**: `IgPoint` — Gets the origin location of the slice.
- **originalEvent**: `any` — Holds a reference to the original event that triggered slice click.
- **outline**: `string` — Gets the outline color of the slice.
- **position**: `IgPoint` — Gets the position of the mouse relative to the pie chart.
- **radius**: `number` — Gets the radius of the slice.
- **startAngle**: `number` — Gets the start angle of the slice.

### [IgcSlowStochasticOscillatorIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSlowStochasticOscillatorIndicatorComponent)
Represents a IgxDataChartComponent Slow Stochastic Oscillator indicator series.
Default required members: High, Low, Close

SlowStochasticOscillatorIndicator (SSO) displays the closing price relative to the high-low range over a given period of time. There are three types of Stochastic Oscillators: Fast, Slow, and Full. The Stochastic Oscillator is a momentum indicator that shows the relation of the current close price relative to the high/low range over a given time period using a scale of 0 to 100. It is based on the premise that prices will close near 100 in a rising market and closer to 0 in a declining market.

The Fast Stochastic Oscillator Indicator is used to identify buying or selling divergences. The Slow Stochastic Oscillator uses a 3-day SMA and the Full Stochastic Oscillator is the Slow Stochastic Oscillator with time period.

Using this indicator requires setting both the HighMemberPath, LowMemberPath and VolumeMemberPath.

- **constructor**(): IgcSlowStochasticOscillatorIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current SlowStochasticOscillatorIndicator object.
The typical, and initial, value for SlowStochasticOscillatorIndicator periods is 14.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcSparklineComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSparklineComponent)

- **constructor**(): IgcSparklineComponent
- static **htmlTagName**: `string`
- **actualPixelScalingRatio**: `number` — Gets the actual scaling value used by the component to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **brush**: `string` — Gets or sets the sparkline brush.
- **dataSource**: `any`
- **displayNormalRangeInFront**: `boolean` — Gets or sets the position of the normal range on the sparkline.
- **displayType**: `SparklineDisplayType` — Gets or sets the display type of the sparkline.
- **firstMarkerBrush**: `string` — Gets or sets the first marker brush of the sparkline.
- **firstMarkerSize**: `number` — Gets or sets the first marker size of the sparkline.
- **firstMarkerVisibility**: `Visibility` — Gets or sets the first marker visibility of the sparkline.
- **formatLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for displaying in the chart.
- **height**: `string`
- **highMarkerBrush**: `string` — Gets or sets the high marker brush of the sparkline.
- **highMarkerSize**: `number` — Gets or sets the high marker size of the sparkline.
- **highMarkerVisibility**: `Visibility` — Gets or sets the high marker visibility of the sparkline.
- **horizontalAxisBrush**: `string` — Gets or sets the horizontal axis line brush of the sparkline.
- **horizontalAxisLabel**: `any` — The value or content to display on the horizontal axis.
This can be set to a formatted string, such as "{0}", or it can be set to a DataTemplate.
- **horizontalAxisVisibility**: `Visibility` — Gets or sets the display state of the horizontal axis.
- **horizontalLabelFormat**: `string` — Gets or sets the label composite format used when creating label values.
- **horizontalLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the HorizontalLabelFormat string.
- **labelMemberPath**: `string` — String identifier of a column or property name to get labels from on each item in the data source.  These labels will be retrieved from the first and last item, and displayed by the horizontal axis.
- **lastMarkerBrush**: `string` — Gets or sets the last marker brush of the sparkline.
- **lastMarkerSize**: `number` — Gets or sets the last marker size of the sparkline.
- **lastMarkerVisibility**: `Visibility` — Gets or sets the last marker visibility of the sparkline.
- **lineThickness**: `number` — Gets or sets the line thickness of the sparkline.
- **lowMarkerBrush**: `string` — Gets or sets the low marker brush of the sparkline.
- **lowMarkerSize**: `number` — Gets or sets the low marker size of the sparkline.
- **lowMarkerVisibility**: `Visibility` — Gets or sets the low marker visibility of the sparkline.
- **markerBrush**: `string` — Gets or sets the marker brush of the sparkline.
- **markerSize**: `number` — Gets or sets the marker size of the sparkline.
- **markerVisibility**: `Visibility` — Gets or sets the marker visibility of the sparkline.
- **maximum**: `number` — Gets or sets the maximum value of the y axis.
- **minimum**: `number` — Gets or sets the minimum value of the y axis.
- **negativeBrush**: `string` — Gets or sets the negative brush of the sparkline.
- **negativeMarkerBrush**: `string` — Gets or sets the negative marker brush of the sparkline.
- **negativeMarkerSize**: `number` — Gets or sets the negative marker size of the sparkline.
- **negativeMarkerVisibility**: `Visibility` — Gets or sets the negative marker visibility of the sparkline.
- **normalRangeFill**: `string` — Gets or sets the normal range brush of the sparkline.
- **normalRangeMaximum**: `number` — Gets or sets the maximum value of the normal range.
- **normalRangeMinimum**: `number` — Gets or sets the minimum value of the normal range.
- **normalRangeVisibility**: `Visibility` — Gets or sets the normal range visibility of the sparkline.
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **tooltipTemplate**: `DataTemplate`
- **trendLineBrush**: `string` — Gets or sets the trendline brush of the sparkline.
- **trendLinePeriod**: `number` — Gets or sets the trendline period used by the sparkline.
- **trendLineThickness**: `number` — Gets or sets the thickness of the sparkline's trendline.
- **trendLineType**: `TrendLineType` — Gets or sets the type of trendline used by the sparkline.
- **unknownValuePlotting**: `UnknownValuePlotting` — Gets or sets the way null values are interpreted.
- **valueMemberPath**: `string` — Gets or sets the string path to the value column.
- **verticalAxisBrush**: `string` — Gets or sets the vertical axis line brush of the sparkline.
- **verticalAxisLabel**: `any` — The value or content to display on the vertical axis.
This can be set to a formatted string, such as "{0:n}", or it can be set to a DataTemplate.
- **verticalAxisVisibility**: `Visibility` — Gets or sets the display state of the vertical axis.
- **verticalLabelFormat**: `string` — Gets or sets the label composite format used when creating label values.
- **verticalLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the VerticalLabelFormat string.
- **width**: `string`
- static **observedAttributes**: `string[]`
- **afterContentInit**(): void
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **destroy**(): void
- **disconnectedCallback**(): void
- **exportSerializedVisualData**(): string — Returns visuals as a serialized string.
- **exportVisualData**(): SparklineVisualData — Returns the sparkline visuals expressed as a SparklineVisualData object.
- **findByName**(name: string): any
- **notifyClearItems**(source_: any): void — Used to manually notify the IgxSparklineComponent that the data source has reset or cleared its items.  Invoking this method is only necessary if that datasource is not observable.
- **notifyInsertItem**(source_: any, index: number, newItem: any): void
- **notifyRemoveItem**(source_: any, index: number, oldItem: any): void
- **notifyResized**(): void — Notify that the control has resized.
- **notifySetItem**(source_: any, index: number, oldItem: any, newItem: any): void
- **provideContainer**(container: any): void — Provides a container to the sparkline control.
- static **_createFromInternal**(internal: any): IgcSparklineComponent
- static **register**(): void

### [IgcSplineAreaFragmentComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSplineAreaFragmentComponent)
Represents one part of a StackedSplineAreaSeries.

- **constructor**(): IgcSplineAreaFragmentComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcSplineAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSplineAreaSeriesComponent)
Represents a IgxDataChartComponent spline area series.

- **constructor**(): IgcSplineAreaSeriesComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcSplineFragmentBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSplineFragmentBaseComponent)
Represents one part in a StackedSplineSeries or StackedSplineAreaSeries.

- **constructor**(): IgcSplineFragmentBaseComponent
- **isFragment**: `boolean` — Gets whether the current series is a stack fragment.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint

### [IgcSplineFragmentComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSplineFragmentComponent)
Represents one part of a StackedSplineSeries.

- **constructor**(): IgcSplineFragmentComponent
- static **htmlTagName**: `string`
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcSplineSeriesBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSplineSeriesBaseComponent)
Represents the base class for all IgxDataChartComponent spline series.

- **constructor**(): IgcSplineSeriesBaseComponent
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.
- **isSplineShapePartOfRange**: `boolean` — Gets or sets whether to include the spline shape in the axis range requested of the axis.
- **splineType**: `SplineType` — Gets or sets the type of spline to be rendered.

this.series.splineType = SplineType.Clamped;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void

### [IgcSplineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcSplineSeriesComponent)
Represents a IgxDataChartComponent spline series.

- **constructor**(): IgcSplineSeriesComponent
- static **htmlTagName**: `string`
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStacked100AreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStacked100AreaSeriesComponent)
Represents a stacked area series, where values are presented as percentages of the total.

- **constructor**(): IgcStacked100AreaSeriesComponent
- static **htmlTagName**: `string`
- **isPercentBased**: `boolean`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStacked100BarSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStacked100BarSeriesComponent)
Represents a IgxDataChartComponent stacked100 bar series.

- **constructor**(): IgcStacked100BarSeriesComponent
- static **htmlTagName**: `string`
- **isPercentBased**: `boolean`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStacked100ColumnSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStacked100ColumnSeriesComponent)
Represents a IgxDataChartComponent stacked100 column series.

- **constructor**(): IgcStacked100ColumnSeriesComponent
- static **htmlTagName**: `string`
- **isPercentBased**: `boolean`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStacked100LineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStacked100LineSeriesComponent)
Represents a IgxDataChartComponent stacked100 line series.

- **constructor**(): IgcStacked100LineSeriesComponent
- static **htmlTagName**: `string`
- **isPercentBased**: `boolean`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStacked100SplineAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStacked100SplineAreaSeriesComponent)
Represents a IgxDataChartComponent stacked100 spline area series.

- **constructor**(): IgcStacked100SplineAreaSeriesComponent
- static **htmlTagName**: `string`
- **isPercentBased**: `boolean`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStacked100SplineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStacked100SplineSeriesComponent)
Represents a IgxDataChartComponent stacked100 spline series.

- **constructor**(): IgcStacked100SplineSeriesComponent
- static **htmlTagName**: `string`
- **isPercentBased**: `boolean`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStackedAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedAreaSeriesComponent)
Represents a IgxDataChartComponent stacked area series.

- **constructor**(): IgcStackedAreaSeriesComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStackedBarSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedBarSeriesComponent)
Represents a IgxDataChartComponent stacked bar series.

- **constructor**(): IgcStackedBarSeriesComponent
- static **htmlTagName**: `string`
- **isBar**: `boolean` — Gets whether the current series shows a bar shape.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the bar.
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the bar.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the index of the item that resides at the provided world coordinates.
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The series is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.
- static **register**(): void

### [IgcStackedColumnSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedColumnSeriesComponent)
Represents a IgxDataChartComponent stacked column series.

- **constructor**(): IgcStackedColumnSeriesComponent
- static **htmlTagName**: `string`
- **isColumn**: `boolean` — Gets whether the current series shows a column shape.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the column.
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the column.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.
- static **register**(): void

### [IgcStackedFragmentSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedFragmentSeriesComponent)
Represents a non-visual child of StackedSeriesBase.

- **constructor**(): IgcStackedFragmentSeriesComponent
- static **htmlTagName**: `string`
- **actualAreaFillOpacity**: `number` — Gets the series ActualAreaFillOpacity.  This property only applies for area-like series.
- **actualBrush**: `string` — Gets the actual brush used by the series.
- **actualDataLegendGroup**: `string` — Gets the label displayed before series value in the Data Legend.
- **actualHighlightedValuesDataLegendGroup**: `string` — Gets the label displayed before series value in the Data Legend.
- **actualHighlightedValuesDisplayMode**: `SeriesHighlightedValuesDisplayMode` — Gets the actual mode for displaying highlighted values.
- **actualHighlightingFadeOpacity**: `number` — Gets the actual target opacity to fade to for fade style highlighting.
- **actualIsDropShadowEnabled**: `boolean` — Gets whether drop shadow is actually enabled for this series.
- **actualIsSplineShapePartOfRange**: `boolean` — Gets whether the spline part is considered to be part of the range
- **actualIsTransitionInEnabled**: `boolean` — Gets the the resolved value of whether transition in is enabled.
- **actualLegendItemBadgeMode**: `LegendItemBadgeMode` — Gets the actual LegendItemBadgeMode of the series.
- **actualLegendItemBadgeShape**: `LegendItemBadgeShape` — Gets the actual LegendItemBadgeShape of the series.
- **actualLegendItemBadgeTemplate**: `IgDataTemplate` — Gets the actual legend item badge template used by the series.
- **actualLegendItemTemplate**: `IgDataTemplate` — Gets the actual legend item template used by the series.
- **actualLegendItemVisibility**: `Visibility` — Gets the actual visibility of the legend items in the series.
- **actualLineCap**: `PenLineCap` — Gets the actual end cap used by the series.
- **actualMarkerBrush**: `string` — Gets the actual marker brush of the series.
- **actualMarkerFillMode**: `MarkerFillMode` — Gets whether the marker fill is based on the marker outline of the series rather than the marker brushes collection.
- **actualMarkerFillOpacity**: `number` — Gets the actual opacity to use for hte marker fills.
- **actualMarkerOutline**: `string` — Gets the actual marker outline of the series.
- **actualMarkerOutlineMode**: `MarkerOutlineMode` — Gets whether the marker outline is based on the marker brush of the series rather than the marker outlines collection.
- **actualMarkerTemplate**: `IgDataTemplate` — Gets the actual marker template used by the series.
- **actualMarkerThickness**: `number` — Gets actual marker thickness of this stacked fragment.
- **actualMarkerType**: `MarkerType` — Gets the actual marker type set used in the series.
- **actualOpacity**: `number` — Gets the series opacity.
- **actualOutline**: `string` — Gets the series outline.
- **actualOutlineMode**: `SeriesOutlineMode` — Gets the actual outline mode to use for the fragment.
- **actualRadiusX**: `number` — Gets the actual corner radius of the series
- **actualRadiusY**: `number` — Gets the actual corner radius of the series
- **actualShadowBlur**: `number` — Gets the actual shadow blur used by the series.
- **actualShadowColor**: `string` — Gets actual the drop shadow color used by the series.
- **actualShadowOffsetX**: `number` — Gets the actual drop shadow x-offset applied to the series.
- **actualShadowOffsetY**: `number` — Gets the actual drop shadow y-offset applied to the series.
- **actualThickness**: `number` — Gets or sets the thickness of this stacked fragment.
- **actualTransitionDuration**: `number` — Gets the series transition duration.
- **actualTransitionEasingFunction**: `any` — Gets the series transition easing function.
- **actualTransitionInDuration**: `number` — Gets the resolved transition in duration
- **actualTransitionInEasingFunction**: `any` — Gets the series transition easing function.
- **actualTransitionInMode**: `CategoryTransitionInMode` — Gets the series transition easing function.
- **actualTransitionInSpeedType**: `TransitionInSpeedType` — Gets the series transition easing function.
- **actualUseSingleShadow**: `boolean` — Gets whether drop shadow is actually applied to the whole StackedFragmentSeries visual or to each of the individual shapes forming the StackedFragmentSeries.
- **actualValueMemberAsLegendLabel**: `string` — Gets the label displayed before series value in the Data Legend.
- **actualValueMemberAsLegendUnit**: `string` — Gets the unit displayed after series value in the Data Legend.
- **actualVisibility**: `Visibility` — Gets the actual visibility of the stacked fragment.
- **areaFillOpacity**: `number` — Gets or sets the AreaFillOpacity of the stacked fragment. This property only applies for area-like series.
- **assigningCategoryMarkerStyle**: `any` — Event raised when Assigning Category Marker Style
- **assigningCategoryStyle**: `any` — Event raised when Assigning Category Style
- **brush**: `string` — Gets or sets the brush of the stacked fragment.
- **dashArray**: `number[]` — Gets or sets a collection of Double values that indicate the pattern of dashes and gaps that
is used to outline the current series object.
- **dataLegendGroup**: `string` — Gets or sets a name used for grouping multiple fragment series in the Data Legend
If not set, series will be grouped by series family, e.g. "Stacked Series"
- **dataSource**: `any[]` — Gets or sets the ItemsSource property for the current series object. Normally you will want to provide data to the parent series instead.
But if you have data as individual columns, it can be assigned here. The data must be aligned and have the same number of items for each fragment.
- **highlightedDataSource**: `any[]` — Gets or sets the HighlightedItemsSource property for the current series object.
- **highlightedValuesDataLegendGroup**: `string` — Gets or sets a name used for grouping highlighted series in the Data Legend
If not set, series will default to main series' HighlightedValuesDataLegendGroup, e.g. "Stacked Highlight"
- **highlightingFadeOpacity**: `number` — Gets or sets the target opacity to fade to for fade style highlighting.
- **isCustomCategoryMarkerStyleAllowed**: `boolean` — Gets or sets whether this category series should allow custom style overrides of its individual marker visuals.
- **isCustomCategoryStyleAllowed**: `boolean` — Gets or sets whether this category series should allow custom style overrides of its individual visuals.
- **isDropShadowEnabled**: `boolean` — Gets or sets whether drop shadow should be enabled for this series.
- **isSplineShapePartOfRange**: `boolean` — Gets or sets whether to include the spline shape in the axis range requested of the axis.
- **isTransitionInEnabled**: `boolean` — Gets or sets whether the series should transition into the plot area when a new data source is assigned.
Note: Transitions are not currently supported for stacked series.
- **legendItemBadgeMode**: `LegendItemBadgeMode` — Gets or sets the mode of legend badge representing the current series in a legend.
This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on the series
- **legendItemBadgeShape**: `LegendItemBadgeShape` — Gets or sets the type of legend badge representing the current series in a legend.
This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on the series
- **legendItemBadgeTemplate**: `IgDataTemplate` — Gets or sets the LegendItemBadgeTemplate property.
The legend item badge is created according to the LegendItemBadgeTemplate on-demand by
the series object itself.
- **legendItemTemplate**: `IgDataTemplate` — Gets or sets the LegendItemTemplate property.
The legend item control content is created according to the LegendItemTemplate on-demand by
the series object itself.
- **legendItemVisibility**: `Visibility` — Gets or sets the legend item visibility for the current series object.
- **lineCap**: `PenLineCap` — The style of the end points of any lines or polylines representing this series.
Not every series type has a line at which it would be appropriate to display an end cap, so this property does not affect every series type.  LineSeries, for example, is affected by EndCap, but ColumnSeries is not.
- **markerBrush**: `string` — Gets or sets the brush that specifies how the current series object's marker interiors are painted.
- **markerFillMode**: `MarkerFillMode` — Gets or sets whether the marker fill is based on the marker outline of the series rather than the marker brushes collection.
- **markerFillOpacity**: `number` — Gets or sets the opacity to use for the marker fills.
- **markerOutline**: `string` — Gets or sets the brush that specifies how the current series object's marker outlines are painted.
- **markerOutlineMode**: `MarkerOutlineMode` — Gets or sets whether the marker outline is based on the marker brush of the series rather than the marker outlines collection.
- **markerTemplate**: `IgDataTemplate` — Gets or sets the MarkerTemplate for the current series object.
- **markerThickness**: `number` — Gets or sets the width of the current series object's marker thickness.
- **markerType**: `MarkerType` — Gets or sets the marker type for the current series object.
If the MarkerTemplate property is set, the setting of the MarkerType property will be ignored.
- **name**: `string` — Gets or sets the Name of the stacked fragment.
- **opacity**: `number` — Gets or sets the Opacity of the stacked fragment.
- **outline**: `string` — Gets or sets the brush to use for the outline of the series.
Some series types, such as LineSeries, do not display outlines.  Therefore, this property does not affect some charts.
- **outlineMode**: `SeriesOutlineMode` — Gets or sets the outline mode to use for the fragment.
- **parentOrLocalBrush**: `string` — Gets the resolved brush used between the local series and the parent series.
- **propertyUpdated**: `any` — Event raised when a property (including "effective" and non-dependency property) value changes.
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the column. This only applies to Bar and Column series.
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the column. This only applies to Bar and Column series.
- **shadowBlur**: `number` — Gets or sets the shadow blur.
This property is ignored when
StackedFragmentSeries.UseSingleShadow is set to true.
- **shadowColor**: `string` — Gets or sets the drop shadow color.
- **shadowOffsetX**: `number` — Gets or sets the drop shadow x-offset.
- **shadowOffsetY**: `number` — Gets or sets the drop shadow y-offset.
- **thickness**: `number` — Gets or sets the width of the current series object's line thickness.
- **title**: `any` — Gets or sets the Title property.
The legend item control is created according to the Title on-demand by
the series object itself.
- **transitionDuration**: `number` — Gets or sets the duration of the current series's morph.
- **transitionEasingFunction**: `any` — Gets or sets the EasingFunction used to morph the current series.
- **transitionInDuration**: `number` — Gets or sets the duration of the current series's transition in morph.
- **transitionInEasingFunction**: `any` — Gets or sets the EasingFunction used to morph the current series during the initial transition.
- **transitionInMode**: `CategoryTransitionInMode` — Gets or sets the method by which to animate the data into the chart when the chart data source is swapped.
Note: Transitions are not currently supported for stacked series.
- **transitionInSpeedType**: `TransitionInSpeedType` — Gets or sets the duration of the current series's transition in morph.
- **useSingleShadow**: `boolean` — Gets or sets whether drop shadow is applied to the whole StackedFragmentSeries visual or to each of the individual shapes forming the StackedFragmentSeries.
When this property is set to true, no
StackedFragmentSeries.ShadowBlur is applied.
- **valueMemberAsLegendLabel**: `string` — Gets or sets the label displayed before series value in the Data Legend.
- **valueMemberAsLegendUnit**: `string` — Gets or sets the unit displayed after series value in the Data Legend.
- **valueMemberPath**: `string` — Gets or sets the value mapping property for the current series object.
- **visibility**: `Visibility` — Gets or sets the Visibility of the stacked fragment.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **findByName**(name: string): any
- **fromWorldPosition**(world: IgPoint): IgPoint — Converts a point from world coordinates to coordinates within the viewport of the series.
- **getEffectiveViewport**(): IgRect — Gets the effective viewport, adjusted to account for margins and other factors.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the item index associated with the specified world position
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesHighValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesHighValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesLowValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesLowValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- **getSeriesValueFromSeriesPixel**(mouse: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValueMarkerBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value marker bounding box within the series that has the best value match for the world position provided.
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **getSeriesValuePositionFromSeriesPixel**(mouse: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **moveCursorPoint**(point: IgPoint): void — Moves the cursor point to the provided world position. Some series may react to the current cursor position.
- **notifyVisualPropertiesChanged**(): void — Notifies the series that a visual property has changed, requiring a visual update.
- **replayTransitionIn**(): void
- **scrollIntoView**(item: any): boolean — Requests that the provided item should be brought into view if possible.
- **simulateHover**(point: IgPoint): void — Simulates a pointer hover over the series surface.
- **toWorldPosition**(seriesPoint: IgPoint): IgPoint — Converts a point from coordinates within the series plot area to a world position within axis space.
- static **_createFromInternal**(internal: any): IgcStackedFragmentSeriesComponent
- static **register**(): void

### [IgcStackedLineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedLineSeriesComponent)
Represents a stacked series, where the points in each series are connected with a line.

- **constructor**(): IgcStackedLineSeriesComponent
- static **htmlTagName**: `string`
- **isLineOnly**: `boolean` — Gets whether the current series shows only line shapes.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStackedSeriesBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedSeriesBaseComponent)
Represents a IgcStackedSeriesBaseComponent base series.

- **constructor**(): IgcStackedSeriesBaseComponent
- **actualSeries**: `IgcStackedFragmentSeriesComponent[]` — The series actually present in the chart. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing series from the manual series collection on the series property.
- **contentSeries**: `IgcStackedFragmentSeriesComponent[]`
- **autoGenerateSeries**: `boolean` — Gets or sets whether series should be automatically generated. Reqiures the use of GroupBy as the ItemsSource.
- **isPercentBased**: `boolean`
- **isStacked**: `boolean` — Checks if this series is a stacked series
- **reverseLegendOrder**: `boolean` — Gets or sets whether the order of the fragment series should be reversed in the legend.
- **series**: `IgcStackedSeriesCollection` — A collection or manually added series for the chart.
- **seriesCreated**: `any` — Event raised when a new fragment series is automatically generated.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **findByName**(name: string): any
- **notifyIndexedPropertiesChanged**(): void — Called to notify about changes to indexed-based properties, e.g. Brushes, Outlines, MarkerBrushes, MarkerOutlines and refresh series
- **replayTransitionIn**(): void — Replays the assigned transition in animation, if any.


this.series.replayTransitionIn();
- **scrollIntoView**(item: any): boolean — Scrolls the series to display the item for the specified data item.
The series is scrolled by the minimum amount required to place the specified data item within
the central 80% of the visible axis.
- **simulateHover**(point: IgPoint): void — Simulates a pointer hover over the series surface.
- static **_createFromInternal**(internal: any): IgcStackedSeriesBaseComponent

### [IgcStackedSeriesCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedSeriesCollection)

- **constructor**(list?: IgcStackedFragmentSeriesComponent[]): IgcStackedSeriesCollection

### [IgcStackedSeriesCreatedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedSeriesCreatedEventArgs)
Provides data for IgxDataChartComponent stacked series.

- **constructor**(): IgcStackedSeriesCreatedEventArgs
- **brush**: `string` — Gets or sets the series brush.
- **dashArray**: `number[]` — Gets or sets the series stroke dash array.
- **index**: `number` — Gets the index of the series.
- **legendItemBadgeTemplate**: `IgDataTemplate` — Gets or sets the series legend item badge templae.
- **legendItemTemplate**: `IgDataTemplate` — Gets or sets the series legend item template.
- **legendItemVisibility**: `Visibility` — Gets or sets the visibility of the series legend.
- **lineCap**: `PenLineCap`
- **markerBrush**: `string` — Gets or sets the series marker brush.
- **markerOutline**: `string` — Gets or sets the series marker outline.
- **markerStyle**: `IgcStyle` — Gets or sets the series marker style.
- **markerTemplate**: `IgDataTemplate` — Gets or sets the series marker template.
- **markerThickness**: `number` — Gets or sets the series marker thickness.
- **markerType**: `MarkerType` — Gets or sets the series marker type.
- **outline**: `string` — Gets or sets the series outline brush.
- **thickness**: `number` — Gets or sets the series outline thickness.
- **title**: `any` — Gets or sets the series title.
- **transitionDuration**: `number` — Gets or sets the animation transition duration for the series.
- **transitionEasingFunction**: `any` — Gets or sets the animation easing function for the series.

### [IgcStackedSplineAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedSplineAreaSeriesComponent)
Represents a IgxDataChartComponent stacked spline area series.

- **constructor**(): IgcStackedSplineAreaSeriesComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- **isSplineShapePartOfRange**: `boolean` — Gets or sets whether to include the spline shape in the axis range requested of the axis.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStackedSplineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStackedSplineSeriesComponent)
Represents a IgxDataChartComponent stacked spline series.

- **constructor**(): IgcStackedSplineSeriesComponent
- static **htmlTagName**: `string`
- **isSpline**: `boolean` — Gets whether the current series shows a spline shape.
- **isSplineShapePartOfRange**: `boolean` — Gets or sets whether to include the spline shape in the axis range requested of the axis.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStandardDeviationIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStandardDeviationIndicatorComponent)
Represents a IgxDataChartComponent Standard Deviation indicator series.
Default required members: High, Low, Close

StandardDeviationIndicator (SDI) measures statistical variation in stock prices or volatility. The difference between an individual security’s closing price and the average security closing price is called the dispersion. The larger the dispersion is the higher the standard deviation will be and therefore the volatility. The smaller the dispersion is (the difference between an individual closing price and the average price), the smaller the standard deviation and the lower the price volatility.

Using this indicator requires setting both the HighMemberPath, LowMemberPath and CloseMemberPath.

- **constructor**(): IgcStandardDeviationIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current StandardDeviationIndicator object.
The typical, and initial, value for STDEV periods is 20.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStepAreaSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStepAreaSeriesComponent)
Represents a IgxDataChartComponent step area series.

- **constructor**(): IgcStepAreaSeriesComponent
- static **htmlTagName**: `string`
- **isArea**: `boolean` — Gets whether the current series shows an area shape.
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **isStep**: `boolean` — Gets whether the current series shows step shapes.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStepLineSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStepLineSeriesComponent)
Represents a IgxDataChartComponent step line series.

- **constructor**(): IgcStepLineSeriesComponent
- static **htmlTagName**: `string`
- **isAreaOrLine**: `boolean` — Gets whether the current series shows an area or line shape.
- **isLineOnly**: `boolean` — Gets whether the current series shows only line shapes.
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **isStep**: `boolean` — Gets whether the current series shows step shapes.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStochRSIIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStochRSIIndicatorComponent)
Represents a IgxDataChartComponent StochRSI indicator series.
Default required members: Close

StochRSIIndicator or Stochastic Relative Strength IndexI Indicator (SRSI) measures when a security is overbought or oversold within a specified period of time. The values range from 0 to 1. The StochRSI Indicator is calculated by applying the Stochastic Oscillator formula to RelativeStrengthIndexIndicator (RSI) data.

Using this indicator requires setting the CloseMemberPath.

- **constructor**(): IgcStochRSIIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current StochRSIIndicator object.
The typical, and initial, value for StochRSI periods is 14.

this.series.period = 10;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcStraightNumericAxisBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStraightNumericAxisBaseComponent)
Defines a set of basic methods and properties used to create a StraightNumeric axis.

- **constructor**(): IgcStraightNumericAxisBaseComponent
- **scaleMode**: `NumericScaleMode` — Gets or sets the axis scale mode.

ScaleMode can be used on numeric axes to allow scaling data values using built-in scalers. The available scalers are linear or logarithmic.

this.yAxis.scaleMode = NumericScaleMode.Logarithmic;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void

### [IgcStrategyBasedIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStrategyBasedIndicatorComponent)
A base class for indicator series with simple calculations that separates the calculation
responsibility from the other responsibilities of the financial series, this enables
easier unit testing and decoupling of individual calculation strategies.
A contract is defined between the financial series and these simple indicator calculations
detailing the data which the series agrees to provide the simple indicator calculations,
this contract is defined by
FinancialCalculationDataSource. If more
complex interactions are needed between the indicator calculation and the series, the
indicators should instead derive from
FinancialIndicator directly, or some
derivative other than
StrategyBasedIndicator

- **constructor**(): IgcStrategyBasedIndicatorComponent
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void

### [IgcStyleShapeEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcStyleShapeEventArgs)

- **constructor**(): IgcStyleShapeEventArgs
- **i**: `StyleShapeEventArgs`
- **item**: `any`
- **shapeFill**: `string` — Gets or sets the fill brush.
- **shapeOpacity**: `number` — Gets or sets the opacity.
- **shapeStroke**: `string` — Gets or sets the stroke brush.
- **shapeStrokeThickness**: `number` — Gets or sets the stroke thickness.
- **ensureShapeStyle**(): void

### [IgcTimeAxisBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTimeAxisBaseComponent)
Represents an category-based horizontal X axis that uses a DateTime scale.

Represents horizontal axis that uses a DateTime scale.

- **constructor**(): IgcTimeAxisBaseComponent
- **actualMaximumValue**: `Date` — Gets the coerced maximum value.

Use ActualMaximumValue to get the  coerced maximum value
- **actualMaximumValueChange**: `any`
- **actualMinimumValue**: `Date` — Gets the coerced minimum value.

Use ActualMinimumValue to get the coerced maximum value.
- **actualMinimumValueChange**: `any`
- **dateTimeMemberPath**: `string` — Gets or sets the DateTime mapping property for the axis.

Use DateTimeMemberPath property for DateTime mapping with the axis.
- **isDataPreSorted**: `boolean` — Gets or sets whether the data assigned to the date time axis should be considered pre-sorted by date/time.

Use IsDataPreSorted property to decide if the data assigned to the date time axis should be considered pre-sorted by date/time.
- **isDateTime**: `boolean` — Checks if the axis is of date time axis type

Use IsDateTime property to Checks if the axis is of date time axis type.

const isDT = this.timeXAxis.isDateTime;
- **isSorting**: `boolean` — Checks if axis requires sorting of items

Use IsSorting property to Checks if axis requires sorting of items.

const isDT = this.timeXAxis.isDateTime;
- **maximumValue**: `Date` — Gets or sets the axis MaximumValue.

Use MaximumValue property for axis maximum value.

this.timeXAxis.maximumValue="2019-12-26";
- **minimumValue**: `Date` — Gets or sets the axis MinimumValue.

Use MinimumValue property for axis minimum value.

this.timeXAxis.maximumValue="2019-12-26";
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getFullRange**(): number[]
- **getIndexClosestToUnscaledValue**(unscaledValue: number): number — Gets the index of the data item with the value nearest the given value.
- **getItemValue**(item: any, memberPathName: string): any
- **getMemberPathValue**(memberPathName: string): string — Gets the value of a requested member path from the series.
- **notifyDataChanged**(): void — Updates the axis when the data has been changed.

### [IgcTimeAxisBreakCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTimeAxisBreakCollection)

- **constructor**(list?: IgcTimeAxisBreakComponent[]): IgcTimeAxisBreakCollection

### [IgcTimeAxisBreakComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTimeAxisBreakComponent)

- **constructor**(): IgcTimeAxisBreakComponent
- static **htmlTagName**: `string`
- **end**: `Date` — The end time of the axis break.

Use End property for the end time of the axis break.
- **i**: `TimeAxisBreak`
- **interval**: `number` — The interval at which to repeat this break, expressed as a TimeSpan.

Use Interval property to se the interval at which to repeat this break, expressed as a TimeSpan.
- **start**: `Date` — The start time of the axis break.

Use Start property for the start time of the axis break.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **_createFromInternal**(internal: any): IgcTimeAxisBreakComponent
- static **register**(): void

### [IgcTimeAxisIntervalCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTimeAxisIntervalCollection)

- **constructor**(list?: IgcTimeAxisIntervalComponent[]): IgcTimeAxisIntervalCollection

### [IgcTimeAxisIntervalComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTimeAxisIntervalComponent)

- **constructor**(): IgcTimeAxisIntervalComponent
- static **htmlTagName**: `string`
- **i**: `TimeAxisInterval`
- **interval**: `number` — The interval, expressed as a multiple of IntervalType.

Use the Interval property expressed as a multiple of IntervalType.
- **intervalType**: `TimeAxisIntervalType` — The unit of time for this interval.

The IntervalType is the unit of time for this interval.
- **range**: `number` — The visible axis range at which to apply this interval.

Use Range property for the visible axis range at which to apply this interval.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **_createFromInternal**(internal: any): IgcTimeAxisIntervalComponent
- static **register**(): void

### [IgcTimeAxisLabelFormatCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTimeAxisLabelFormatCollection)

- **constructor**(list?: IgcTimeAxisLabelFormatComponent[]): IgcTimeAxisLabelFormatCollection

### [IgcTimeAxisLabelFormatComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTimeAxisLabelFormatComponent)

- **constructor**(): IgcTimeAxisLabelFormatComponent
- static **htmlTagName**: `string`
- **format**: `string` — The DateTime format string to apply.
Some common DateTime format strings are: yyyy, MM/dd/yy, and hh:mm:ss.

The Format property provide the DateTime format string to apply.

let labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "hh:mm:ss";
labelFormat.range = 1000;
this.xAxis.labelFormats.add(labelFormat);
labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "hh:mm";
labelFormat.range = 60 * 1000;
this.xAxis.labelFormats.add(labelFormat);
labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "MMM-dd-yy";
labelFormat.range = 24 * 60 * 60 * 1000;
this.xAxis.labelFormats.add(labelFormat);
- **i**: `TimeAxisLabelFormat`
- **labelFormatOverride**: `any` — Gets or sets a label formatting override callback, allowing the user to take full control of label generation for the TimeXAxis.
- **range**: `number` — The visible axis range at which to apply this label format.

The Range property provide the visible axis range at which to apply this label format.

let labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "hh:mm:ss";
labelFormat.range = 1000;
this.xAxis.labelFormats.add(labelFormat);
labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "hh:mm";
labelFormat.range = 60 * 1000;
this.xAxis.labelFormats.add(labelFormat);
labelFormat = new TimeAxisLabelFormat();
labelFormat.format = "MMM-dd-yy";
labelFormat.range = 24 * 60 * 60 * 1000;
this.xAxis.labelFormats.add(labelFormat);
- **repeatedDayFormat**: `string` — The DateTime format string to apply, if the day is repeated from the prior date.
Some common DateTime format strings are: yyyy, MM/dd/yy, and hh:mm:ss.
- **repeatedMonthFormat**: `string` — The DateTime format string to apply, if the month is repeated from the prior date.
Some common DateTime format strings are: yyyy, MM/dd/yy, and hh:mm:ss.
- **repeatedYearFormat**: `string` — The DateTime format string to apply, if the year is repeated from the prior date.
Some common DateTime format strings are: yyyy, MM/dd/yy, and hh:mm:ss.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **_createFromInternal**(internal: any): IgcTimeAxisLabelFormatComponent
- static **register**(): void

### [IgcTimeXAxisComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTimeXAxisComponent)
A horizontal axis that uses a DateTime scale.

The TimeXAxis is a horizontal axis that uses a DateTime scale.

- **constructor**(): IgcTimeXAxisComponent
- static **htmlTagName**: `string`
- **breaks**: `IgcTimeAxisBreakCollection` — TimeAxisBreaks to apply to this axis, representing spans of time to omit, such as weekends.

The Breaks to apply to this axis, representing spans of time to omit, such as weekends.
- **intervals**: `IgcTimeAxisIntervalCollection` — A list of axis label intervals to apply, which are selected according to the visible axis range.
The interval selected will be the one with the largest range smaller than the visible range of the axis.
- **isCategoryDateTime**: `boolean` — Gets if the current axis is of category date time axis type
- **isPiecewise**: `boolean` — Gets or sets if the axis is a piecewise scaling function.
- **labelFormats**: `IgcTimeAxisLabelFormatCollection` — A list of axis label formats to apply, which are selected according to the visible axis range.
The label format selected will be the one with the largest range smaller than the visible range of the axis.
- **labellingMode**: `TimeAxisLabellingMode` — Gets or sets the labelling mode to use when the automatic label formats are applied.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getIndexClosestToUnscaledValue**(unscaledValue: number): number — Gets the index of the data item with the value nearest the given value.
- **getValueLabel**(value: number): string — Gets the label for a data item.
- static **register**(): void

### [IgcTransitionOutCompletedEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTransitionOutCompletedEventArgs)
EventArgs class for TransitionOutCompleted events.

- **constructor**(): IgcTransitionOutCompletedEventArgs

### [IgcTreemapComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTreemapComponent)

- **constructor**(): IgcTreemapComponent
- **actualStyleMappings**: `IgcTreemapNodeStyleMappingComponent[]` — The style mappings actually present in the treemap. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing style mappings from the manual style mappings collection on the styleMappings property.
- **contentStyleMappings**: `IgcTreemapNodeStyleMappingComponent[]`
- static **htmlTagName**: `string`
- **actualHighlightingMode**: `TreemapHighlightingMode` — Gets the actual highlighting mode used.
- **actualInteractionPixelScalingRatio**: `number` — Gets or sets the resolved scaling value used to affect the pixel density of the control while it is animating.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **actualPixelScalingRatio**: `number`
- **animating**: `boolean`
- **breadcrumbSequence**: `string` — Gets or sets the root title to use for breadcrumbs.
- **customValueMemberPath**: `string` — Gets or sets the path to use to get the custom value of the items.
- **darkTextColor**: `string` — Gets or sets the dark text color to use for the nodes.
- **dataSource**: `any[]` — Gets or sets the (possibly hierarchical) data to assign to the TreeMap.
- **fillBrushes**: `string[]` — Gets or sets brushes to use for the fill scale.
- **fillScaleLogarithmBase**: `number` — Gets or sets the logarithm base to use if the fill scale is logarithmic.
- **fillScaleMaximumValue**: `number` — Gets or sets the maximum value to use for the fill scale.
- **fillScaleMinimumValue**: `number` — Gets or sets the minimum value to use for the fill scale.
- **fillScaleMode**: `TreemapFillScaleMode` — Gets or sets mode to use for the fill scale.
- **focusItem**: `any` — Gets or sets the item to drill to in the treemap.
- **headerBackground**: `string` — Gets or sets the background to use for the header.
- **headerDarkTextColor**: `string` — Gets or sets the dark text color to use for the header.
- **headerDisplayMode**: `TreemapHeaderDisplayMode` — Gets or sets the font to use for header nodes
- **headerHeight**: `number` — Gets or sets the height to use for the header.
- **headerHoverBackground**: `string` — Gets or sets the background to use for the header when it is hovered.
- **headerHoverDarkTextColor**: `string` — Gets or sets the dark text color to use for the header when hovered.
- **headerHoverTextColor**: `string` — Gets or sets the text color to use for the header.
- **headerLabelBottomMargin**: `number` — Gets or sets the bottom margin to use for the header.
- **headerLabelLeftMargin**: `number` — Gets or sets the left margin to use for the header.
- **headerLabelRightMargin**: `number` — Gets or sets the right margin to use for the header.
- **headerLabelTopMargin**: `number` — Gets or sets the top margin to use for the header.
- **headerTextColor**: `string` — Gets or sets the text color to use for the header.
- **headerTextStyle**: `string` — Gets or sets the font to use for header nodes
- **height**: `string`
- **highlightedDataSource**: `any[]` — Gets or sets the data to highlight.
- **highlightedValueMemberPath**: `string` — Gets or sets the highlighted value mapping property.
- **highlightedValueOpacity**: `number` — Gets or sets the opacity applied to the node underneath the highlighted value.
- **highlightedValuesDisplayMode**: `TreemapHighlightedValueDisplayMode` — Gets or sets the display mode for highlighted values.
- **highlightingFadeOpacity**: `number` — Gets or sets the opacity to use for nodes that are not highlighted when HighlightingMode is set to FadeOthers.
- **highlightingMode**: `TreemapHighlightingMode` — Gets or sets the highlighting mode to use.
- **highlightingTransitionDuration**: `number` — Gets or sets the number of milliseconds over which the highlighting effect will render.
- **idMemberPath**: `string` — Gets or sets the path to use to get the id of the items.
- **interactionPixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control while it is animating.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **isFillScaleLogarithmic**: `boolean` — Gets or sets whether the fill scale is logarithmic.
- **labelBottomMargin**: `number` — Gets or sets the bottom margin to use for the labels.
- **labelHorizontalAlignment**: `HorizontalAlignment` — Gets or sets the horizontal alignment to use for the node labels.
- **labelHorizontalFitMode**: `TreemapLabelHorizontalFitMode` — Gets or sets the horizontal fit mode to use for the node labels.
- **labelLeftMargin**: `number` — Gets or sets the left margin to use for the labels.
- **labelMemberPath**: `string` — Gets or sets the path to use to get the Label of the items.
- **labelRightMargin**: `number` — Gets or sets the right margin to use for the labels.
- **labelTopMargin**: `number` — Gets or sets the top margin to use for the labels.
- **labelVerticalAlignment**: `VerticalAlignment` — Gets or sets the vertical alignment to use for the node labels.
- **labelVerticalFitMode**: `TreemapLabelVerticalFitMode` — Gets or sets the vertical fit mode to use for the node labels.
- **layoutOrientation**: `TreemapOrientation` — Gets or sets the orientation to use for the stripped and slice and dice layout types.
- **layoutType**: `TreemapLayoutType` — Gets or sets the type of layout to use for the nodes.
- **minimumDisplaySize**: `number` — Gets or sets the minimum size (width or height) to display a node.
- **nodeOpacity**: `number` — Gets or sets the opacity to use for the nodes.
- **nodePointerEnter**: `any` — Fired when the pointer enters a node.
- **nodePointerLeave**: `any` — Fired when the pointer leaved a node.
- **nodePointerOver**: `any` — Fired with the pointer is moving over a node.
- **nodePointerPressed**: `any` — Fired when the pointer is pressed on a node.
- **nodePointerReleased**: `any` — Fired when the pointer is released on a node.
- **nodeRenderStyling**: `any` — Fired before a node is rendered for last minute style changes.
- **nodeStyling**: `any` — Fired when a node is being styled. Provides an opportunity to customize node styling.
- **outline**: `string` — Gets or sets the outline to use for the nodes.
- **overlayHeaderBackground**: `string` — Gets or sets the background to use for the overlay header.
- **overlayHeaderHoverBackground**: `string` — Gets or sets the background to use for the overlay header when it is hovered.
- **overlayHeaderLabelBottomMargin**: `number` — Gets or sets the bottom margin to use for the overlay header.
- **overlayHeaderLabelLeftMargin**: `number` — Gets or sets the left margin to use for the overlay header.
- **overlayHeaderLabelRightMargin**: `number` — Gets or sets the right margin to use for the overlay header.
- **overlayHeaderLabelTopMargin**: `number` — Gets or sets the top margin to use for the overlay header.
- **parentIdMemberPath**: `string` — Gets or sets the path to use to get the Parent of the items.
- **parentNodeBottomMargin**: `number` — Gets or sets the bottom margin to use for the parent nodes.
- **parentNodeBottomPadding**: `number` — Gets or sets the bottom padding to use for the parent nodes.
- **parentNodeLeftMargin**: `number` — Gets or sets the left margin to use for the parent nodes.
- **parentNodeLeftPadding**: `number` — Gets or sets the left padding to use for the parent nodes.
- **parentNodeRightMargin**: `number` — Gets or sets the right margin to use for the parent nodes.
- **parentNodeRightPadding**: `number` — Gets or sets the right padding to use for the parent nodes.
- **parentNodeTopMargin**: `number` — Gets or sets the top margin to use for the parent nodes.
- **parentNodeTopPadding**: `number` — Gets or sets the top padding to use for the parent nodes.
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **rootTitle**: `string` — Gets or sets the root title to use for breadcrumbs.
- **strokeThickness**: `number` — Gets or sets the stroke thickness to use for the node outline.
- **styleMappings**: `IgcTreemapNodeStyleMappingCollection` — A collection or manually added axes for the chart.
- **textColor**: `string` — Gets or sets the text color to use for the nodes.
- **textStyle**: `string` — Gets or sets the font to use for content nodes
- **transitionDuration**: `number` — Gets or sets the number of milliseconds over which changes to the gauge should be animated.
- **valueMemberPath**: `string` — Gets or sets path to use to get the values from the items.
- **width**: `string`
- static **observedAttributes**: `string[]`
- **afterContentInit**(): void
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **destroy**(): void
- **disconnectedCallback**(): void
- **exportSerializedVisualData**(): string — Returns visuals as a serialized string.
- **findByName**(name: string): any
- **flush**(): void
- **markDirty**(): void
- **notifyClearItems**(source_: any): void — Manually notifies the treemap's data source that the data it has bound to has been cleared and needs to be re-examined.
This should not be called if the data that the pie chart is bound to is already observable.
- **notifyInsertItem**(source_: any, index: number, newItem: any): void
- **notifyRemoveItem**(source_: any, index: number, oldItem: any): void
- **notifySetItem**(source_: any, index: number, oldItem: any, newItem: any): void
- **notifySizeChanged**(): void
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **simulateHover**(point: IgPoint): void
- **updateStyle**(): void
- static **_createFromInternal**(internal: any): IgcTreemapComponent
- static **register**(): void

### [IgcTreemapNodePointerEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTreemapNodePointerEventArgs)

- **constructor**(): IgcTreemapNodePointerEventArgs
- **customValue**: `any`
- **isHandled**: `boolean`
- **isOverHeader**: `boolean`
- **isRightButton**: `boolean`
- **item**: `any`
- **label**: `string`
- **parentItem**: `any`
- **parentLabel**: `string`
- **parentSum**: `number`
- **parentValue**: `number`
- **position**: `IgPoint`
- **sum**: `number`
- **value**: `number`

### [IgcTreemapNodeStyleComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTreemapNodeStyleComponent)
Represents a style to apply to a treemap node.

- **constructor**(): IgcTreemapNodeStyleComponent
- static **htmlTagName**: `string`
- **fadeOpacity**: `number` — Gets or sets the fade opacity that should be used when highlighting.
- **fill**: `string` — Gets or sets the fill color to use for the nodes.
- **headerBackground**: `string` — Gets or sets the background to use for the header.
- **headerHeight**: `number` — Gets or sets the height to use for the header.
- **headerHoverBackground**: `string` — Gets or sets the background to use for the header when it is hovered.
- **headerHoverTextColor**: `string` — Gets or sets the text color to use for the header.
- **headerLabelBottomMargin**: `number` — Gets or sets the bottom margin to use for the labels.
- **headerLabelLeftMargin**: `number` — Gets or sets the left margin to use for the header.
- **headerLabelRightMargin**: `number` — Gets or sets the right margin to use for the header.
- **headerLabelTopMargin**: `number` — Gets or sets the top margin to use for the header.
- **headerTextColor**: `string` — Gets or sets the text color to use for the header.
- **highlightingHandled**: `boolean` — Gets or sets if highlighting was handled, and whether internal highlighting logic should be skipped.
- **label**: `string` — Gets or sets the label to use for the node.
- **labelBottomMargin**: `number` — Gets or sets the bottom margin to use for the labels.
- **labelHorizontalAlignment**: `HorizontalAlignment` — Gets or sets the horizontal alignment to use for the node labels.
- **labelLeftMargin**: `number` — Gets or sets the left margin to use for the labels.
- **labelRightMargin**: `number` — Gets or sets the right margin to use for the labels.
- **labelTopMargin**: `number` — Gets or sets the top margin to use for the labels.
- **labelVerticalAlignment**: `VerticalAlignment` — Gets or sets the vertical alignment to use for the node labels.
- **opacity**: `number` — Gets or sets the opacity to use for the node.
- **outline**: `string` — Gets or sets the outline to use for the nodes.
- **strokeThickness**: `number` — Gets or sets the stroke thickness to use for the node outline.
- **textColor**: `string` — Gets or sets the text color to use for the nodes.
- static **observedAttributes**: `string[]`
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- static **_createFromInternal**(internal: any): IgcTreemapNodeStyleComponent
- static **register**(): void

### [IgcTreemapNodeStyleMappingCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTreemapNodeStyleMappingCollection)

- **constructor**(list?: IgcTreemapNodeStyleMappingComponent[]): IgcTreemapNodeStyleMappingCollection

### [IgcTreemapNodeStyleMappingComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTreemapNodeStyleMappingComponent)
Represents a style to apply to a set of nodes in the treemap.

- **constructor**(): IgcTreemapNodeStyleMappingComponent
- static **htmlTagName**: `string`
- **mappingMode**: `TreemapValueMappingMode` — Gets or sets the mapping mode to use to evaluate whether the mapping applies.
- **maximumValue**: `number` — Gets or sets the maximum value to which the mapping applies.
- **minimumValue**: `number` — Gets or sets the minimum value to which the mapping applies.
- **name**: `string` — Gets or sets the unique name of the mapping.
- **targetType**: `TreemapNodeStyleMappingTargetType` — Gets or sets the unique name of the mapping.
- **value**: `any` — Gets or sets the value to which the mapping applies.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcTreemapNodeStylingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTreemapNodeStylingEventArgs)

- **constructor**(): IgcTreemapNodeStylingEventArgs
- **customValue**: `any`
- **highlightingHandled**: `boolean` — Sets whether the user handled the highlighting themselves. If so we won't run any of our
default highlight styling.
- **highlightingInfo**: `IgcHighlightingInfo` — Gets highlighting information for the current node. Null if no highlight is in progress.
- **isHighlightInProgress**: `boolean` — Gets whether a highlight is currently in progress.
- **isParent**: `boolean`
- **item**: `any`
- **label**: `string`
- **parentItem**: `any`
- **parentLabel**: `string`
- **parentSum**: `number`
- **parentValue**: `number`
- **style**: `IgcTreemapNodeStyleComponent`
- **sum**: `number`
- **totalHighlightProgress**: `number` — Gets the overall highlight progress.
- **value**: `number`

### [IgcTrendLineLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTrendLineLayerComponent)
Represents the class of the value overlay. The value overlay is a line or circle representing a value on an axis.

- **constructor**(): IgcTrendLineLayerComponent
- static **htmlTagName**: `string`
- **actualTargetSeries**: `IgcSeriesComponent` — Gets the actual series being targeted by this annotation.
- **isAnnotationLayer**: `boolean` — Gets whether this series is an annotation layer.
- **isLineOnly**: `boolean` — Gets whether the current series shows only line shapes.
- **isUsableInLegend**: `boolean` — Gets if the series should appear in any legends.
- **targetSeries**: `IgcSeriesComponent` — Gets or sets the series to target this annotation to.
- **targetSeriesName**: `string` — Gets or sets the name to use to resolve targetSeries from markup.
- **trendLinePeriod**: `number` — Gets or sets the trend line period for the target series.
The typical, and initial, value for trend line period is 7.
- **trendLineType**: `TrendLineType` — Gets or sets the trend type for the current series object.
- static **observedAttributes**: `string[]`
- **bindSeries**(series: IgcSeriesComponent[]): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getManagerIdentifier**(): string
- **onApplyTemplate**(): void
- static **register**(): void

### [IgcTrendLineTypeCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTrendLineTypeCollection)

- **constructor**(list?: TrendLineType[]): IgcTrendLineTypeCollection

### [IgcTRIXIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTRIXIndicatorComponent)
Represents a IgxDataChartComponent TRIX indicator series.
Default required members: Close

The TRIXIndicator class specify the series as Trix Indicator series.

- **constructor**(): IgcTRIXIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current TRIXIndicator object.
The typical, and initial, value for TRIX periods is 15.

The Period property is used for moving average period of the current TRIXIndicator object.

this.series.period = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcTypicalPriceIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcTypicalPriceIndicatorComponent)
Represents a IgxDataChartComponent Typical Price indicator series.
The typical price indicator is represented as a arithmetic average
of the High, Low, and Close for a day.
Default required members: High, Low, Close

The TypicalPriceIndicator class represents a IgxDataChartComponent Typical Price indicator series.

- **constructor**(): IgcTypicalPriceIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcUltimateOscillatorIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUltimateOscillatorIndicatorComponent)
Represents a IgxDataChartComponent Ultimate Oscillator indicator series.
Default required members: High, Low, Close

You can use the UltimateOscillatorIndicator which represents a IgxDataChartComponent Ultimate Oscillator indicator series.

- **constructor**(): IgcUltimateOscillatorIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcUserAnnotationCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserAnnotationCollection)

- **constructor**(list?: IgcUserBaseAnnotation[]): IgcUserAnnotationCollection

### [IgcUserAnnotationInformation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserAnnotationInformation)

- **constructor**(): IgcUserAnnotationInformation
- **annotationData**: `string`
- **annotationId**: `string`
- **badgeColor**: `string`
- **badgeImageUri**: `string`
- **dialogSuggestedXLocation**: `number`
- **dialogSuggestedYLocation**: `number`
- **label**: `string`
- **mainColor**: `string`
- **findByName**(name: string): any

### [IgcUserAnnotationInformationEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserAnnotationInformationEventArgs)

- **constructor**(): IgcUserAnnotationInformationEventArgs
- **annotationInfo**: `IgcUserAnnotationInformation`

### [IgcUserAnnotationLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserAnnotationLayerComponent)
Represents an user annotation layer that can define UserPointAnnotation, UserSliceAnnotation, UserStripAnnotation

- **constructor**(): IgcUserAnnotationLayerComponent
- static **htmlTagName**: `string`
- **annotations**: `IgcUserAnnotationCollection` — Gets user annotations
- **isAnnotationLayer**: `boolean` — Gets whether the series is an annotation layer.

let isAnnotationLayer: boolean = this.series.isAnnotationLayer;
- **isUsableInLegend**: `boolean` — Gets if the series should appear in any legends.
- **isUserAnnotationLayer**: `boolean` — Gets whether the series is final value annotation layer.
- **stylingAxisAnnotation**: `any` — Event raised when updating style of UserAxisAnnotation
- **stylingPointAnnotation**: `any` — Event raised when updating style of UserPointAnnotation
- **stylingSliceAnnotation**: `any` — Event raised when updating style of UserSliceAnnotation
- **stylingStripAnnotation**: `any` — Event raised when updating style of UserStripAnnotation
- **userAnnotationInformationRequested**: `any`
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **bindSeries**(series: IgcSeriesComponent[]): void
- **cancelAnnotationFlow**(annotationFlowID: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **finishAnnotationFlow**(info: IgcUserAnnotationInformation): void
- **loadAnnotationsFromJson**(jsonString: string): void
- **saveAnnotationsToJson**(): string
- static **register**(): void

### [IgcUserAnnotationToolTipContentUpdatingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserAnnotationToolTipContentUpdatingEventArgs)
Information about the user annotation content which is being created or updated.

- **constructor**(): IgcUserAnnotationToolTipContentUpdatingEventArgs
- **annotationInfo**: `IgcUserAnnotationInformation`
- **content**: `any`

### [IgcUserAnnotationToolTipLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserAnnotationToolTipLayerComponent)
Represents an annotation layer that displays tooltips for all target series individually.

- **constructor**(): IgcUserAnnotationToolTipLayerComponent
- static **htmlTagName**: `string`
- **contentUpdating**: `any` — Called when the content is being created or updated.
- **isAnnotationHoverLayer**: `boolean` — Gets whether the series is an annotation layer displayed only when hovering over the chart.
- **isToolTipLayer**: `boolean` — Gets whether the series is an annotation layer.
- **isUserAnnotationToolTipLayer**: `boolean` — Gets whether the series is final user annotation tooltip layer.
- **skipUnknownValues**: `boolean` — Gets or sets whether to skip past unknown values when searching for series values.
- **targetSeries**: `IgcSeriesComponent` — Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
- **targetSeriesName**: `string` — Gets or sets the name of the series series to target this annotation to. If null, this annotation targets all series simultaneously.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **hideToolTips**(): void — Hides any tooltips presented by the layer, if any.
- **hideToolTipsImmediate**(): void — Hides any tooltips presented by the layer, if any.
- static **register**(): void

### [IgcUserAxisAnnotation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserAxisAnnotation)
Represents an user annotation for rendering annotation of axis label

- **constructor**(): IgcUserAxisAnnotation
- **targetAxis**: `IgcAxisComponent` — Gets or sets the target axis that will display the annotation.
- **targetAxisMatcher**: `IgcAxisMatcher` — Gets or sets a matcher for matching an axis that will display the annotation.
- **targetAxisName**: `string` — Gets or sets the name to use to resolve targetAxis from markup.
- **value**: `number` — Gets or sets the value that determines location of annotation on axis.
- **bindAxes**(axes: IgcAxisComponent[]): void
- **findByName**(name: string): any

### [IgcUserAxisAnnotationStylingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserAxisAnnotationStylingEventArgs)
Represents the event arguments for the UserAxisAnnotation styling events.

- **constructor**(): IgcUserAxisAnnotationStylingEventArgs
- **annotation**: `IgcUserAxisAnnotation` — The annotation to style.

### [IgcUserBaseAnnotation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserBaseAnnotation)
Represents base class for all user annotations, e.g. UserPointAnnotation, UserSliceAnnotation, UserStripAnnotation, UserAxisAnnotation

- **constructor**(): IgcUserBaseAnnotation
- **annotationData**: `string` — Gets or sets the additional data that should be stored with the annotation.
- **badgeBackground**: `string` — Gets or sets the background of badge annotation.
- **badgeCornerRadius**: `number` — Gets or sets border radius of the badge annotations.
- **badgeImagePath**: `string` — Gets or sets image path for displayed in the badge annotations.
- **badgeMargin**: `number` — Gets or sets margin of the badge annotations.
- **badgeOutline**: `string` — Gets or sets the outline of badge annotation.
- **badgeSize**: `number` — Gets or sets size of the badge annotations.
- **badgeThickness**: `number` — Gets or sets thickness of the badge annotations.
- **badgeVisible**: `boolean` — Gets or sets whether to draw the badge in annotation
- **identifier**: `string`
- **isPillShaped**: `boolean` — Gets or sets whether the annotation is pill shaped.
- **isVisible**: `boolean` — Gets or sets whether to the annotations is rendered
- **label**: `string` — Gets or sets the text that should be displayed on axis annotation.
- **labelBackground**: `string` — Gets or sets the background text displayed in the annotation.
- **labelBorderColor**: `string` — Gets or sets the border color of the axis annotation.
- **labelBorderRadius**: `number` — Gets or sets the border radius of the annotation.
- **labelBorderThickness**: `number` — Gets or sets border thickness of the axis annotations.
- **labelColor**: `string` — Gets or sets the color of text displayed in the annotation.
- **labelPadding**: `number` — Gets or sets padding around the label in annotation.
- **bindAxes**(axes: IgcAxisComponent[]): void
- **bindSeries**(series: IgcSeriesComponent[]): void
- **findByName**(name: string): any
- static **_createFromInternal**(internal: any): IgcUserBaseAnnotation

### [IgcUserPointAnnotation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserPointAnnotation)
Represents an user annotation for rendering data point annotation on a series

- **constructor**(): IgcUserPointAnnotation
- **targetSeries**: `IgcSeriesComponent` — Gets or sets the target series that will display the annotation.
- **targetSeriesMatcher**: `IgcSeriesMatcher` — Gets or sets a matcher for matching a series that will display the annotation.
- **targetSeriesName**: `string` — Gets or sets the name to use to resolve targetSeries from markup.
- **xValue**: `number` — Gets or sets the value that determines location of the annotation in the coordinates of x-axis.
- **yValue**: `number` — Gets or sets the value that determines location of the annotation in the coordinates of y-axis.
- **bindSeries**(series: IgcSeriesComponent[]): void
- **findByName**(name: string): any

### [IgcUserPointAnnotationStylingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserPointAnnotationStylingEventArgs)
Represents the event arguments for the UserAxisAnnotation styling events.

- **constructor**(): IgcUserPointAnnotationStylingEventArgs
- **annotation**: `IgcUserPointAnnotation` — The annotation to style.

### [IgcUserShapeAnnotation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserShapeAnnotation)
Represents base class for rendering an annotation with shape of slice of strip

- **constructor**(): IgcUserShapeAnnotation
- **overlayText**: `string` — Gets or sets the text that should be overlayed in plot area of the chart.
- **overlayTextAngle**: `number` — Gets or sets the angle rotation (in degrees) of the overlay text in relation to the annotation shape.
- **overlayTextBackground**: `string` — Gets or sets the background the overlay text.
- **overlayTextBackgroundMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the background of overlay text.
- **overlayTextBackgroundShift**: `number` — Gets or sets the shift of the overlay background based on OverlayTextBackgroundMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextBorderColor**: `string` — Gets or sets the border color of the overlay text.
- **overlayTextBorderMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the border of overlay text.
- **overlayTextBorderRadius**: `number` — Gets or sets the border radius corner of the overlay text.
- **overlayTextBorderShift**: `number` — Gets or sets the shift of the overlay border based on OverlayTextBorderMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextBorderThickness**: `number` — Gets or sets the border thickness of the overlay text.
- **overlayTextColor**: `string` — Gets or sets the color the overlay text.
- **overlayTextColorMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the background of overlay text.
- **overlayTextColorShift**: `number` — Gets or sets the shift of the overlay text color based on OverlayTextColorMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextHorizontalMargin**: `number` — Gets or sets the horizontal margin of the overlay text in relation to the annotation shape.
- **overlayTextHorizontalPadding**: `number` — Gets or sets the horizontal padding of the overlay text in relation to the annotation shape.
- **overlayTextLocation**: `OverlayTextLocation` — Gets or sets location of the overlay text in relation to the annotation shape.
- **overlayTextStyle**: `string` — Gets or Sets the style to use for the display text.
- **overlayTextVerticalMargin**: `number` — Gets or sets the vertical margin of the overlay text in relation to the annotation shape.
- **overlayTextVerticalPadding**: `number` — Gets or sets the vertical padding of the overlay text in relation to the annotation shape.
- **overlayTextVisible**: `boolean` — Gets or sets whether the overlay text is visible in plot area of the chart
- **shapeBackground**: `string` — Gets or sets background of the annotation shape displayed in the plot area of the chart.
- **shapeOutline**: `string` — Gets or sets border color of the annotation shape displayed in the plot area of the chart.
- **shapeThickness**: `number` — Gets or sets border thickness of the annotation shape displayed in the plot area of the chart.
- **valueDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of label in the center annotation.

### [IgcUserSliceAnnotation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserSliceAnnotation)
Represents an user annotation for rendering data slice annotation

- **constructor**(): IgcUserSliceAnnotation

### [IgcUserSliceAnnotationStylingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserSliceAnnotationStylingEventArgs)
Represents the event arguments for the UserAxisAnnotation styling events.

- **constructor**(): IgcUserSliceAnnotationStylingEventArgs
- **annotation**: `IgcUserSliceAnnotation` — The annotation to style.

### [IgcUserStripAnnotation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserStripAnnotation)
Represents an user annotation for rendering data strip annotation

- **constructor**(): IgcUserStripAnnotation
- **endLabel**: `string` — Gets or sets optional text displayed in the label at the end of annotation.
- **endLabelBackground**: `string` — Gets or sets background of the label at the end of annotation.
- **endLabelBorderColor**: `string` — Gets or sets border color of the label at the end of annotation.
- **endLabelColor**: `string` — Gets or sets text color of the label at the end of annotation.
- **endValue**: `number` — Gets or sets the value that determines end of the annotation on an axis.
- **endValueDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of end value of annotation.
- **startLabel**: `string` — Gets or sets optional text displayed in the label at the start of annotation.
- **startLabelBackground**: `string` — Gets or sets background of the label at the start of annotation.
- **startLabelBorderColor**: `string` — Gets or sets border color of the label at the start of annotation.
- **startLabelColor**: `string` — Gets or sets text color of the label at the start of annotation.
- **startValue**: `number` — Gets or sets the value that determines start of the annotation on an axis.
- **startValueDisplayMode**: `DataAnnotationDisplayMode` — Gets or sets display mode of start value of annotation.

### [IgcUserStripAnnotationStylingEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcUserStripAnnotationStylingEventArgs)
Represents the event arguments for the UserAxisAnnotation styling events.

- **constructor**(): IgcUserStripAnnotationStylingEventArgs
- **annotation**: `IgcUserStripAnnotation` — The annotation to style.

### [IgcValueBrushScaleComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcValueBrushScaleComponent)
Represents a brush scale that uses value-based brush selection.

- **constructor**(): IgcValueBrushScaleComponent
- static **htmlTagName**: `string`
- **isLogarithmic**: `boolean` — Gets or sets whether the scale is logarithmic.
- **isReady**: `boolean` — Checks if the value brush scale is ready for usage in the chart
- **logarithmBase**: `number` — Gets or sets the logarithm base for this scale.
- **maximumValue**: `number` — Gets or sets the maximum value for this scale.
- **minimumValue**: `number` — Gets or sets the minimum value for this scale.
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcValueLayerComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcValueLayerComponent)
Represents an annotation layer that displays crosshair lines that cross through the closest value of the target series under the cursor.

- **constructor**(): IgcValueLayerComponent
- static **htmlTagName**: `string`
- **actualValueLayerBrush**: `string` — Gets the effective brush for the current value layer. Can be null for value
modes that target multiple series.
- **horizontalLineStroke**: `string` — Gets or sets the color to use for the horizontal line. Leave null for an automatic value.
- **isAnnotationValueLayer**: `boolean` — Gets whether the series is an crosshair annotation layer.
- **isAxisAnnotationEnabled**: `boolean` — Gets or sets whether to draw annotations over the axes where the crosshair meets with them.
- **isSummarizationSupported**: `boolean` — Gets whether the series supports summarization in Data Legend and Data Tooltip.
- **overlayText**: `string` — Gets or sets the text that will be displayed as the overlay annotation.
- **overlayTextAngle**: `number` — Gets or sets the angle rotation (in degrees) of the overlay text in relation to shape of data annotation.
- **overlayTextBackground**: `string` — Gets or sets the background the overlay text.
- **overlayTextBackgroundMatchLayer**: `boolean` — Gets or sets whether the overlay text background matches brush of the layer
- **overlayTextBackgroundMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the background of overlay text based on the target series.
- **overlayTextBackgroundShift**: `number` — Gets or sets the shift of the overlay background based on OverlayTextBackgroundMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextBorderColor**: `string` — Gets or sets the border stroke of the overlay text.
- **overlayTextBorderMatchLayer**: `boolean` — Gets or sets whether the overlay text border matches brush of the layer
- **overlayTextBorderMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the border of overlay text based on the target series.
- **overlayTextBorderRadius**: `number` — Gets or sets the border corner of the overlay text.
- **overlayTextBorderShift**: `number` — Gets or sets the shift of the overlay border based on OverlayTextBorderMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextBorderThickness**: `number` — Gets or sets the border thickness of the overlay text.
- **overlayTextColor**: `string` — Gets or sets the color the overlay text.
- **overlayTextColorMatchLayer**: `boolean` — Gets or sets whether the overlay text color matches brush of the layer
- **overlayTextColorMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the background of overlay text based on the target series.
- **overlayTextColorShift**: `number` — Gets or sets the shift of the overlay text color based on OverlayTextColorMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextHorizontalMargin**: `number` — Gets or sets the horizontal margin of the overlay text in relation to shape of data annotation.
- **overlayTextHorizontalPadding**: `number` — Gets or sets the horizontal padding of the overlay text in relation to shape of data annotation.
- **overlayTextLocation**: `OverlayTextLocation` — Gets or sets location of the overlay text in relation to shape of data annotation.
- **overlayTextStyle**: `string` — Gets or Sets the style to use for the display text.
- **overlayTextVerticalMargin**: `number` — Gets or sets the vertical margin of the overlay text in relation to shape of data annotation.
- **overlayTextVerticalPadding**: `number` — Gets or sets the vertical padding of the overlay text in relation to shape of data annotation.
- **overlayTextVisible**: `boolean` — Gets or sets whether the overlay text is visible in shape of data annotation
- **skipUnknownValues**: `boolean` — Gets or sets whether to skip unknown values when searching for series values.
- **stylingOverlayText**: `any` — Event raised when updating style of overlay text
- **targetAxis**: `IgcAxisComponent` — Gets or sets the axis to target this annotation to. If null, this annotation targets all value axis simultaneously.
- **targetAxisName**: `string` — Gets or sets the name to use to resolve targetAxis from markup.
- **targetSeries**: `IgcSeriesComponent` — Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
- **targetSeriesName**: `string` — Gets or sets the name to use to resolve targetSeries from markup.
- **useInterpolation**: `boolean` — Gets or sets whether to use value interpolation when drawing a line through the best value for the cursor position.
- **valueMode**: `ValueLayerValueMode` — Gets or sets the value mode for the overlay.
- **verticalLineStroke**: `string` — Gets or sets the color to use for vertical line. Leave null for an automatic value.
- **xAxisAnnotationBackground**: `string` — Gets or sets the color to use for the x axis annotation backing. Leave unset for an automatic value.
- **xAxisAnnotationBackgroundCornerRadius**: `number` — Gets or sets the corner radius to use for the x axis annotation backing. Leave unset for an automatic value.
- **xAxisAnnotationFormatLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for the x axis annotation.
- **xAxisAnnotationInterpolatedValuePrecision**: `number` — Gets or sets the precision to use displaying values for interpolated crosshair positions.
- **xAxisAnnotationOutline**: `string` — Gets or sets the color to use for the x axis annotation outline. Leave unset for an automatic value.
- **xAxisAnnotationPaddingBottom**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **xAxisAnnotationPaddingLeft**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **xAxisAnnotationPaddingRight**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **xAxisAnnotationPaddingTop**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **xAxisAnnotationStrokeThickness**: `number` — Gets or sets the stroke thickness for the x axis annotation backing. Leave unset for an automatic value.
- **xAxisAnnotationTextColor**: `string` — Gets or sets the color to use for the x axis annotation text. Leave unset for an automatic value.
- **yAxisAnnotationBackground**: `string` — Gets or sets the color to use for the y axis annotation backing. Leave unset for an automatic value.
- **yAxisAnnotationBackgroundCornerRadius**: `number` — Gets or sets the corner radius to use for the y axis annotation backing. Leave unset for an automatic value.
- **yAxisAnnotationFormatLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for the y axis annotation.
- **yAxisAnnotationInterpolatedValuePrecision**: `number` — Gets or sets the precision to use displaying values for interpolated crosshair positions.
- **yAxisAnnotationOutline**: `string` — Gets or sets the color to use for the y axis annotation outline. Leave unset for an automatic value.
- **yAxisAnnotationPaddingBottom**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **yAxisAnnotationPaddingLeft**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **yAxisAnnotationPaddingRight**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **yAxisAnnotationPaddingTop**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **yAxisAnnotationStrokeThickness**: `number` — Gets or sets the stroke thickness for the y axis annotation backing. Leave unset for an automatic value.
- **yAxisAnnotationTextColor**: `string` — Gets or sets the color to use for the y axis annotation text. Leave unset for an automatic value.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **bindSeries**(series: IgcSeriesComponent[]): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- static **register**(): void

### [IgcValueModeCollection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcValueModeCollection)

- **constructor**(list?: ValueLayerValueMode[]): IgcValueModeCollection

### [IgcValueOverlayComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcValueOverlayComponent)
Represents the class of the value overlay. The value overlay is a line or circle representing a value on an axis.

- **constructor**(): IgcValueOverlayComponent
- static **htmlTagName**: `string`
- **axis**: `IgcAxisComponent` — Gets or sets the axis used by the value overlay.
- **axisAnnotationBackground**: `string` — Gets or sets the color to use for the axis annotation backing. Leave unset for an automatic value.
- **axisAnnotationBackgroundCornerRadius**: `number` — Gets or sets the corner radius to use for the axis annotation backing. Leave unset for an automatic value.
- **axisAnnotationFormatLabel**: `any` — Sets or gets a function which takes an object that produces a formatted label for the axis annotation.
- **axisAnnotationInterpolatedValuePrecision**: `number` — Gets or sets the precision to use displaying values for interpolated positions.
- **axisAnnotationOutline**: `string` — Gets or sets the color to use for the axis annotation outline. Leave unset for an automatic value.
- **axisAnnotationPaddingBottom**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **axisAnnotationPaddingLeft**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **axisAnnotationPaddingRight**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **axisAnnotationPaddingTop**: `number` — Gets or sets the padding to use withing the axis annotation callout. Leaving this NaN will use an automatic value related to the axis label margins.
- **axisAnnotationStrokeThickness**: `number` — Gets or sets the stroke thickness for the axis annotation backing. Leave unset for an automatic value.
- **axisAnnotationTextColor**: `string` — Gets or sets the color to use for the axis annotation text. Leave unset for an automatic value.
- **axisName**: `string` — Gets or sets the name to use to resolve axis from markup.
- **dateValue**: `Date` — Gets or sets the value of the overlay as a date. If this is set to something other than the minimum date, then it will be preferred over the Value property.
- **isAxisAnnotationEnabled**: `boolean` — Gets or sets whether to draw annotations over the axes where the crosshair meets with them.
- **isValueOverlay**: `boolean` — Gets whether the series is a value overlay.
- **labelResolved**: `string`
- **overlayText**: `string` — Gets or sets the text that will be displayed as the overlay annotation.
- **overlayTextAngle**: `number` — Gets or sets the angle rotation (in degrees) of the overlay text in relation to shape of data annotation.
- **overlayTextBackground**: `string` — Gets or sets the background the overlay text.
- **overlayTextBackgroundMatchLayer**: `boolean` — Gets or sets whether the overlay text background matches brush of the layer
- **overlayTextBackgroundMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the background of overlay text based on the target series.
- **overlayTextBackgroundShift**: `number` — Gets or sets the shift of the overlay background based on OverlayTextBackgroundMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextBorderColor**: `string` — Gets or sets the border stroke of the overlay text.
- **overlayTextBorderMatchLayer**: `boolean` — Gets or sets whether the overlay text border matches brush of the layer
- **overlayTextBorderMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the border of overlay text based on the target series.
- **overlayTextBorderRadius**: `number` — Gets or sets the border corner of the overlay text.
- **overlayTextBorderShift**: `number` — Gets or sets the shift of the overlay border based on OverlayTextBorderMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextBorderThickness**: `number` — Gets or sets the border thickness of the overlay text.
- **overlayTextColor**: `string` — Gets or sets the color the overlay text.
- **overlayTextColorMatchLayer**: `boolean` — Gets or sets whether the overlay text color matches brush of the layer
- **overlayTextColorMode**: `AnnotationAppearanceMode` — Gets or sets the mode used for shifting the background of overlay text based on the target series.
- **overlayTextColorShift**: `number` — Gets or sets the shift of the overlay text color based on OverlayTextColorMode. Value must range between -1.0 to 1.0, where 0 means no color shift.
- **overlayTextHorizontalMargin**: `number` — Gets or sets the horizontal margin of the overlay text in relation to shape of data annotation.
- **overlayTextHorizontalPadding**: `number` — Gets or sets the horizontal padding of the overlay text in relation to shape of data annotation.
- **overlayTextLocation**: `OverlayTextLocation` — Gets or sets location of the overlay text in relation to shape of data annotation.
- **overlayTextStyle**: `string` — Gets or Sets the style to use for the display text.
- **overlayTextVerticalMargin**: `number` — Gets or sets the vertical margin of the overlay text in relation to shape of data annotation.
- **overlayTextVerticalPadding**: `number` — Gets or sets the vertical padding of the overlay text in relation to shape of data annotation.
- **overlayTextVisible**: `boolean` — Gets or sets whether the overlay text is visible in shape of data annotation
- **stylingOverlayText**: `any` — Event raised when updating style of overlay text
- **value**: `number` — Gets or sets the value of the overlay.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the item index associated with the specified world position
- **getLabel**(value: number): string — Gets the label for a data item.
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint
- **scrollIntoView**(item: any): boolean — Requests that the provided item should be brought into view if possible.
- static **register**(): void

### [IgcVerticalAnchoredCategorySeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcVerticalAnchoredCategorySeriesComponent)
Represents a vertically laid out category based series.

- **constructor**(): IgcVerticalAnchoredCategorySeriesComponent
- **isVertical**: `boolean` — Gets whether or not the current series is vertical series
- **xAxis**: `IgcNumericXAxisComponent` — Gets or sets the effective x-axis for the current CategorySeries object.
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **yAxis**: `IgcCategoryYAxisComponent` — Gets or sets the effective y-axis for the current CategorySeries object.
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getCategoryWidth**(): number — Returns the width of the category grouping this series is in.
- **getExactItemIndex**(world: IgPoint): number — Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
- **getItem**(world: IgPoint): any — Gets the item that is the best match for the specified world coordinates.
- **getItemIndex**(world: IgPoint): number — Gets the index of the item that resides at the provided world coordinates.
- **getNextOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getOffsetValue**(): number — Returns the offset value for this series if grouped on a category axis.
- **getPreviousOrExactIndex**(world: IgPoint, skipUnknowns: boolean): number
- **getSeriesValue**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): number
- **getSeriesValueMarkerBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value marker bounding box within the series that has the best value match for the world position provided.
- **getSeriesValuePosition**(world: IgPoint, useInterpolation: boolean, skipUnknowns: boolean): IgPoint

### [IgcVerticalStackedSeriesBaseComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcVerticalStackedSeriesBaseComponent)
Base class for stacked series with a numeric x-axis and a category y-axis.

- **constructor**(): IgcVerticalStackedSeriesBaseComponent
- **isVertical**: `boolean` — Gets whether or not the current series is vertical series
- **xAxis**: `IgcNumericXAxisComponent` — Gets or sets the effective x-axis for the current CategorySeries object.
- **xAxisName**: `string` — Gets or sets the name to use to resolve xAxis from markup.
- **yAxis**: `IgcCategoryYAxisComponent` — Gets or sets the effective y-axis for the current CategorySeries object.
- **yAxisName**: `string` — Gets or sets the name to use to resolve yAxis from markup.
- static **observedAttributes**: `string[]`
- **bindAxes**(axes: IgcAxisComponent[]): void
- **canUseAsXAxis**(axis: any): boolean — Determine if object can be used as XAxis
- **canUseAsYAxis**(axis: any): boolean — Determine if object can be used as YAxis
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getCategoryWidth**(): number — Returns the width of the category grouping this series is in.
- **getOffsetValue**(): number — Returns the offset value for this series if grouped on a category axis.

### [IgcWaterfallSeriesComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcWaterfallSeriesComponent)
Represents a IgxDataChartComponent waterfall column series.

WaterfallSeries belongs to a group of CategorySeries and it is rendered using a collection of vertical columns that show the difference between consecutive data points.

- **constructor**(): IgcWaterfallSeriesComponent
- static **htmlTagName**: `string`
- **isFinancialWaterfall**: `boolean` — Gets whether the series is financial waterfall
- **isMarkerlessDisplayPreferred**: `boolean` — Overridden by derived series classes to indicate when marker-less display is preferred or not.
- **isNegativeColorSupported**: `boolean` — Overridden by derived series classes to indicate when negative colors are supported or not.
- **isWaterfall**: `boolean` — Gets whether the current series shows a waterfall column shape.
- **negativeBrush**: `string` — Gets or sets the brush to use for negative portions of the series.

Gets or sets the color used to draw negative declines in values for this WaterfallSeries.

series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath = "value";
series.negativeBrush = "#ff0000";
this.chart.series.add(series);
- **negativeOutline**: `string` — Brush to use for outlining negative elements in the waterfall series.

Gets or sets the color used to draw borders of negative declines in values for this WaterfallSeries.

series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath = "value";
series.negativeOutline = "#ff0000";
this.chart.series.add(series);
- **radiusX**: `number` — Gets or sets the x-radius of the ellipse that is used to round the corners of the column.

Gets or sets the amount to round corners in the direction of the X axis in this series.

series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath = "value";
series.radiusX = 15;
series.radiusY = 15;
this.chart.series.add(series);
- **radiusY**: `number` — Gets or sets the y-radius of the ellipse that is used to round the corners of the column.

Gets or sets the amount to round corners in the direction of the Y axis in this series.

series.xAxis = this.xAxis;
series.yAxis = this.yAxis;
series.valueMemberPath = "value";
series.radiusX = 15;
series.radiusY = 15;
this.chart.series.add(series);
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **getItemSpan**(): number — For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned.


Returns the width of items in the WaterfallSeries.

let itemSpan: number = series.GetItemSpan();
- **getSeriesValueBoundingBox**(world: IgPoint): IgRect — If possible, will return the best available value bounding box within the series that has the best value match for the world position provided.
- **setNegativeColors**(negativeBrush: string, negativeOutline: string): void
- static **register**(): void

### [IgcWeightedCloseIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcWeightedCloseIndicatorComponent)
Represents a IgxDataChartComponent Weigted Close indicator series.
The weighted close indicator shows an average of the high low and close
for a day but with the closing price counted twice in the average.
Default required members: High, Low, Close

The WeightedCloseIndicator is similar to the TypicalPriceIndicator in that it represents an average of the high price, low price, and closing price for a day.
However, with the WeightedCloseIndicator, more emphasis is placed on the closing price and it is included twice when calculating the arithmetic average.

- **constructor**(): IgcWeightedCloseIndicatorComponent
- static **htmlTagName**: `string`
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcWilliamsPercentRIndicatorComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcWilliamsPercentRIndicatorComponent)
Represents a IgxDataChartComponent Williams %R indicator series.
Default required members: High, Low, Close

The WilliamsPercentRIndicator scale ranges from 0 to -100. It is useful for identifying overbought and oversold securities.
The WilliamsPercentRIndicator is calculated by dividing the difference between the highest high for the period and the current close by the highest high minus the lowest low for the period.

- **constructor**(): IgcWilliamsPercentRIndicatorComponent
- static **htmlTagName**: `string`
- **period**: `number` — Gets or sets the moving average period for the current StandardDeviationIndicator object.
The typical, and initial, value for Williams %R periods is 14.

Gets or sets the Period for the moving average period.

The typical, and initial, value for Williams %R periods is 14.

this.series.period = 30;
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- static **register**(): void

### [IgcXYChartComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcXYChartComponent)
Represents a base class for domain charts with X/Y axes

- **constructor**(): IgcXYChartComponent
- **actualXAxisLabelTextColor**: `string` — Gets the actual color of labels on the X-axis
- **actualYAxisLabelTextColor**: `string` — Gets the actual color of labels on the Y-axis
- **xAxisExtent**: `number` — Gets or sets the distance between the X-axis and the bottom of the chart.

To allocate space between the x-axis and the edge of the chart, set the XAxisExtent property.

this.chart.xAxisExtent="250";
- **xAxisFormatLabel**: `any` — Gets or sets function which takes an context object and returns a formatted label for the X-axis.

To customize the text of the x-axis label, set XAxisFormatLabel to a single-parameter function.  The argument passed to that function will be your data item.

formatX(item: any): string {
    return "[ " + item.label + "! ]";
}
- **xAxisInverted**: `boolean` — Gets or sets whether to invert the direction of the X-axis by placing the first data items on the right side of the chart.

To reverse the direction of items along the x-axis, set the XAxisInverted property to true.

this.chart.XAxisInverted="True";
- **xAxisLabel**: `any` — Gets or sets the format for labels along the X-axis.
- **xAxisLabelAngle**: `number` — Gets or sets the angle of rotation for labels along the X-axis.

To control the rotation of labels on the x-axis, set the XAxisLabelAngle property to a number of rotational degrees.

this.chart.xAxisLabelAngle="45";
- **xAxisLabelBottomMargin**: `number` — Gets or sets the bottom margin of labels on the X-axis

Use the XAxisLabelBottomMargin property to apply a margin below the x-axis labels.

this.chart.xAxisLabelBottomMargin ="100";
- **xAxisLabelFormat**: `string` — Gets or sets the format string for the X axis label.
- **xAxisLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the XAxisLabelFormat string.
- **xAxisLabelHorizontalAlignment**: `HorizontalAlignment` — Gets or sets Horizontal alignment of X-axis labels.
- **xAxisLabelLeftMargin**: `number` — Gets or sets the left margin of labels on the X-axis

Use the XAxisLabelLeftMargin property to apply a margin left of the x-axis labels.

this.chart.xAxisLabelLeftMargin ="100";
- **xAxisLabelLocation**: `XAxisLabelLocation` — Gets or sets location of X-axis labels, relative to the plot area.
- **xAxisLabelRightMargin**: `number` — Gets or sets the right margin of labels on the X-axis

Use the XAxisLabelRightMargin property to apply a margin right of the x-axis labels.

this.chart.xAxisLabelRightMargin="100";
- **xAxisLabelTextColor**: `string` — Gets or sets color of labels on the X-axis

To change the color of x-axis labels, set the XAxisLabelTextColor property to a color string.

this.chart.xAxisLabelTextColor="green";
- **xAxisLabelTextStyle**: `string` — Gets or sets CSS font property for labels on X-axis

To change the font of x-axis labels, set the XAxisLabelTextStyle property.

this.chart.xAxisLabelTextStyle="italic 15px arial, sans-serif";
- **xAxisLabelTopMargin**: `number` — Gets or sets the top margin of labels on the X-axis

Use the XAxisLabelTopMargin property to apply a margin above the x-axis labels.

this.chart.xAxisTitleTopMargin="250";
- **xAxisLabelVerticalAlignment**: `VerticalAlignment` — Gets or sets Vertical alignment of X-axis labels.

Use the XAxisLabelVerticalAlignment property to change the vertical position of x-axis labels.

this.chart.xAxisLabelVerticalAlignment="bottom";
- **xAxisLabelVisibility**: `Visibility` — Gets or sets Visibility of X-axis labels.

To hide the x-axis labels, set XAxisLabelVisibility to collapsed.

this.chart.xAxisLabelVisibility="collapsed";
- **xAxisMajorStroke**: `string` — Gets or sets the color to apply to major gridlines along the X-axis.

Set XAxisMajorStroke to control the color of major gridlines extending vertically from the x-axis.

this.chart.xAxisMajorStroke="green";
- **xAxisMajorStrokeThickness**: `number` — Gets or sets the thickness to apply to major gridlines along the X-axis.

Set XAxisMajorStrokeThickness to control the thickness of major gridlines extending vertically from the x-axis.

this.chart.xAxisMajorStrokeThickness="3" ;
- **xAxisMaximumExtent**: `number` — Gets or sets the distance between the X-axis and the bottom of the chart.
- **xAxisMaximumExtentPercentage**: `number` — Gets or sets the distance between the X-axis and the bottom of the chart.
- **xAxisMinorStroke**: `string` — Gets or sets the color to apply to minor gridlines along the X-axis.

Set XAxisMinorStroke to control the color of minor gridlines extending vertically from the x-axis.

this.chart.xAxisExtent="250";
- **xAxisMinorStrokeThickness**: `number` — Gets or sets the thickness to apply to minor gridlines along the X-axis.

Set XAxisMinorStrokeThickness to control the thickness of minor gridlines extending vertically from the x-axis.

this.chart.xAxisMinorStrokeThickness="3";
- **xAxisStrip**: `string` — Gets or sets the color to apply to stripes along the X-axis.

Set XAxisStrip to control the alternating color of stripes extending vertically from the x-axis.

this.chart.xAxisStrip="green";
- **xAxisStroke**: `string` — Gets or sets the color to apply to the X-axis line.

Set XAxisStroke to control the color of the x-axis line.

this.chart.xAxisStroke="green"";
- **xAxisStrokeThickness**: `number` — Gets or sets the thickness to apply to the X-axis line.

Set XAxisStrokeThickness to control the thickness of the x-axis line.

this.chart.xAxisStrokeThickness="2";
- **xAxisTickLength**: `number` — Gets or sets the length of tickmarks along the X-axis.

Set XAxisTickLength to control the length of tickmarks extending vertically from the x-axis line.

this.chart.xAxisTickLength="25";
- **xAxisTickStroke**: `string` — Gets or sets the color to apply to tickmarks along the X-axis.

Set XAxisTickStroke to control the color of tickmarks extending vertically from the x-axis line.

this.chart. xAxisTickStroke="green";
- **xAxisTickStrokeThickness**: `number` — Gets or sets the thickness to apply to tickmarks along the X-axis.

Set XAxisTickStrokeThickness to control the thickness of tickmarks extending vertically from the x-axis line.

this.chart.xAxisTickStrokeThickness="20";
- **xAxisTitle**: `string` — Gets or sets the Text to display below the X-axis.

Set XAxisTitle to display a label adjacent to the x-axis.

this.chart. xAxisTitle="x axis";
- **xAxisTitleAlignment**: `HorizontalAlignment` — Gets or sets Horizontal alignment of the X-axis title.

Set XAxisTitleAlignment to control the horizontal alignment of the x-axis title.

this.chart.xAxisTitleAlignment="right";
- **xAxisTitleAngle**: `number` — Gets or sets the angle of rotation for the X-axis title.

Set XAxisTitleAngle to control the rotation of the x-axis title.

this.chart.xAxisTitleAngle="50";
- **xAxisTitleBottomMargin**: `number` — Gets or sets the bottom margin of a title on the X-axis

Use the XAxisTitleBottomMargin property to apply a margin below the x-axis title.

this.chart.xAxisTitleBottomMargin="150";
- **xAxisTitleLeftMargin**: `number` — Gets or sets the left margin of a title on the X-axis

Use the XAxisTitleLeftMargin property to apply a margin left of the x-axis title.

this.chart.xAxisTitleLeftMargin="150";
- **xAxisTitleMargin**: `number` — Gets or sets the margin around a title on the X-axis

Use the XAxisTitleMargin property to set a margin around the y-axis title.
- **xAxisTitleRightMargin**: `number` — Gets or sets the right margin of a title on the X-axis

Use the XAxisTitleRightMargin property to apply a margin right of the x-axis title.

this.chart.xAxisTitleRightMargin="100";
- **xAxisTitleTextColor**: `string` — Gets or sets color of title on the X-axis

To change the color of the x-axis title, set the XAxisTitleTextColor property to a color string.

this.chart.xAxisTitleTextColor="green";
- **xAxisTitleTextStyle**: `string` — Gets or sets CSS font property for title on X-axis

To change the font of the x-axis title, set the XAxisTitleTextStyle property.

this.chart.xAxisTitleTextStyle="italic 15px arial, sans-serif";
- **xAxisTitleTopMargin**: `number` — Gets or sets the top margin of a title on the X-axis

Use the XAxisTitleTopMargin property to apply a margin above the x-axis title.

this.chart.xAxisTitleTopMargin="150";
- **yAxisExtent**: `number` — Gets or sets the distance between the Y-axis and the left edge of the chart.

To allocate space between the x-axis and the edge of the chart, set the XAxisExtent property.

this.chart.xAxisExtent="250";
- **yAxisFormatLabel**: `any` — Gets or sets function which takes a context object and returns a formatted label for the Y-axis.

To customize the text of the y-axis label, set YAxisFormatLabel to a single-parameter function.  The argument passed to that function will be the numeric value corresponding to a position on the y-axis.

formatY(value: any): string {
    return "[ " + value+ "! ]";
}
- **yAxisInverted**: `boolean` — Gets or sets whether to invert the direction of the Y-axis by placing the minimum numeric value at the top of the chart.

You can use YAxisInverted to invert the scale of the y axis like this:

this.chart.yAxisInverted="true";


The default value of YAxisInverted is false.
- **yAxisLabel**: `any` — Gets or sets the property or string from which the labels are derived.
- **yAxisLabelAngle**: `number` — Gets or sets the angle of rotation for labels along the Y-axis.

To control the rotation of labels on the y-axis, set the YAxisLabelAngle property to a number of rotational degrees.

this.chart.yAxisLabelAngle="25";
- **yAxisLabelBottomMargin**: `number` — Gets or sets the bottom margin of labels on the Y-axis

Use the YAxisLabelBottomMargin property to apply a margin below the y-axis labels.

this.chart.yAxisLabelBottomMargin="250";
- **yAxisLabelFormat**: `string` — Gets or sets the format string for the Y axis label.
- **yAxisLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the YAxisLabelFormat string.
- **yAxisLabelHorizontalAlignment**: `HorizontalAlignment` — Gets or sets Horizontal alignment of Y-axis labels.

Set the YAxisLabelHorizontalAlignment property to change the horizontal alignment of y-axis labels.
- **yAxisLabelLeftMargin**: `number` — Gets or sets the left margin of labels on the Y-axis

Use the YAxisLabelLeftMargin property to apply a margin left of the y-axis labels.

this.chart. yAxisLabelLeftMargin="250";
- **yAxisLabelLocation**: `YAxisLabelLocation` — Gets or sets location of Y-axis labels, relative to the plot area.

Set the YAxisLabelLocation property to change the location of the y-axis and its labels.

this.chart.yAxisLabelLocation="outsideRight";
- **yAxisLabelRightMargin**: `number` — Gets or sets the right margin of labels on the Y-axis

Use the YAxisLabelRightMargin property to apply a margin right of the y-axis labels.

this.chart.yAxisLabelRightMargin="250";
- **yAxisLabelTextColor**: `string` — Gets or sets color of labels on the Y-axis

To change the color of y-axis labels, set the YAxisLabelTextColor property to a color string.

this.chart.yAxisLabelTextColor="green";
- **yAxisLabelTextStyle**: `string` — Gets or sets CSS font property for labels on Y-axis

To change the font of x-axis labels, set the YAxisLabelTextStyle property.

this.chart. yAxisLabelTextStyle="italic 15px arial, sans-serif";
- **yAxisLabelTopMargin**: `number` — Gets or sets the top margin of labels on the Y-axis

Use the YAxisLabelTopMargin property to apply a margin above the y-axis labels.

this.chart.yAxisLabelTopMargin="250";
- **yAxisLabelVerticalAlignment**: `VerticalAlignment` — Gets or sets Vertical alignment of Y-axis labels.
- **yAxisLabelVisibility**: `Visibility` — Gets or sets Visibility of Y-axis labels.

To hide the y-axis labels, set YAxisLabelVisibility to collapsed.

this.chart.yAxisLabelVisibility="collapsed"";
- **yAxisMajorStroke**: `string` — Gets or sets the color to apply to major gridlines along the Y-axis.

Set YAxisMajorStroke to control the color of major gridlines extending horizontally from the y-axis.

this.chart.yAxisMajorStroke="green";
- **yAxisMajorStrokeThickness**: `number` — Gets or sets the thickness to apply to major gridlines along the Y-axis.

Set YAxisMajorStrokeThickness to control the thickness of major gridlines extending horizontally from the y-axis.

this.chart.yAxisMajorStrokeThickness="2";
- **yAxisMaximumExtent**: `number` — Gets or sets the distance between the Y-axis and the left edge of the chart.
- **yAxisMaximumExtentPercentage**: `number` — Gets or sets the distance between the Y-axis and the left edge of the chart.
- **yAxisMinorStroke**: `string` — Gets or sets the color to apply to minor gridlines along the Y-axis.

Set YAxisMinorStroke to control the color of minor gridlines extending horizontally from the y-axis.

this.chart.yAxisMinorStroke="green";
- **yAxisMinorStrokeThickness**: `number` — Gets or sets the thickness to apply to minor gridlines along the Y-axis.

Set YAxisMinorStrokeThickness to control the thickness of minor gridlines extending horizontally from the y-axis.

this.chart.yAxisMinorStrokeThickness="3";
- **yAxisStrip**: `string` — Gets or sets the color to apply to stripes along the Y-axis.

Set YAxisStrip to control the alternating color of stripes extending horizontally from the y-axis.

this.chart.yAxisStrip="green";
- **yAxisStroke**: `string` — Gets or sets the color to apply to the Y-axis line.

Set YAxisStroke to control the color of the y-axis line.

this.chart.yAxisStroke="green";
- **yAxisStrokeThickness**: `number` — Gets or sets the thickness to apply to the Y-axis line.

Set YAxisStrokeThickness to control the thickness of the y-axis line.

this.chart. yAxisStrokeThickness="2";
- **yAxisTickLength**: `number` — Gets or sets the length of tickmarks along the Y-axis.

Set YAxisTickLength to control the length of tickmarks extending horizontally from the y-axis line.

this.chart.yAxisTickLength="25";
- **yAxisTickStroke**: `string` — Gets or sets the color to apply to tickmarks along the Y-axis.

Set YAxisTickStroke to control the color of tickmarks extending horizontally from the y-axis line.

this.chart.yAxisTickStroke="green";
- **yAxisTickStrokeThickness**: `number` — Gets or sets the thickness to apply to tickmarks along the Y-axis.

Set YAxisTickStrokeThickness to control the thickness of tickmarks extending vertically from the y-axis line.

this.chart.yAxisTickStrokeThickness="25";
- **yAxisTitle**: `string` — Gets or sets the Text to display to the left of the Y-axis.

Set YAxisTitle to display a label adjacent to the y-axis.

this.chart.yAxisTitle="y axis";
- **yAxisTitleAlignment**: `VerticalAlignment` — Gets or sets Vertical alignment of the Y-axis title.

Set YAxisTitleAlignment to control the vertical alignment of the x-axis title.

this.chart.yAxisTitleAlignment="bottom";
- **yAxisTitleAngle**: `number` — Gets or sets the angle of rotation for the Y-axis title.

Set YAxisTitleAngle to control the rotation of the y-axis title.

this.chart.yAxisTitleAngle="25";
- **yAxisTitleBottomMargin**: `number` — Gets or sets the bottom margin of a title on the Y-axis

Use the YAxisTitleBottomMargin property to apply a margin below the y-axis title.

this.chart.yAxisTitleBottomMargin="150";
- **yAxisTitleLeftMargin**: `number` — Gets or sets the left margin of a title on the Y-axis

Use the YAxisTitleLeftMargin property to apply a margin left of the y-axis title.

this.chart.yAxisTitleLeftMargin="150";
- **yAxisTitleMargin**: `number` — Gets or sets the margin around a title on the Y-axis

Use the YAxisTitleMargin property to set a margin around the y-axis title.
- **yAxisTitleRightMargin**: `number` — Gets or sets the right margin of a title on the Y-axis

Use the YAxisTitleRightMargin property to apply a margin right of the y-axis title.

this.chart.yAxisTitleRightMargin="150";
- **yAxisTitleTextColor**: `string` — Gets or sets color of title on the Y-axis

To change the color of the y-axis title, set the YAxisTitleTextColor property to a color string.

this.chart.yAxisTitleTextColor="green";
- **yAxisTitleTextStyle**: `string` — Gets or sets CSS font property for title on Y-axis

To change the font of the x-axis title, set the YAxisTitleTextStyle property.

this.chart.yAxisTitleTextStyle="italic 15px arial, sans-serif";
- **yAxisTitleTopMargin**: `number` — Gets or sets the top margin of a title on the Y-axis

Use the YAxisTitleTopMargin property to apply a margin above the y-axis title.

this.chart.yAxisTitleTopMargin="150";
- static **observedAttributes**: `string[]`
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **getScaledValueX**(unscaledValue: number): number — Converts the given visual location to a data value.
- **getScaledValueY**(unscaledValue: number): number — Converts the given visual location to a data value.
- **getUnscaledValueX**(scaledValue: number): number — Converts the given data value to a visual location.
- **getUnscaledValueY**(scaledValue: number): number — Converts the given data value to a visual location.
- **provideContainer**(container: any): void — Called by the UI framework to provide a UI container for rendering this control.

### [IgcZoomSliderComponent](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcZoomSliderComponent)

- **constructor**(): IgcZoomSliderComponent
- static **htmlTagName**: `string`
- **actualPixelScalingRatio**: `number`
- **areThumbCalloutsEnabled**: `boolean`
- **barBrush**: `string`
- **barExtent**: `number`
- **barOutline**: `string`
- **barStrokeThickness**: `number`
- **endInset**: `number`
- **height**: `string`
- **higherCalloutBrush**: `string`
- **higherCalloutOutline**: `string`
- **higherCalloutStrokeThickness**: `number`
- **higherCalloutTextColor**: `string`
- **higherShadeBrush**: `string`
- **higherShadeOutline**: `string`
- **higherShadeStrokeThickness**: `number`
- **higherThumbBrush**: `string`
- **higherThumbHeight**: `number`
- **higherThumbOutline**: `string`
- **higherThumbRidgesBrush**: `string`
- **higherThumbStrokeThickness**: `number`
- **higherThumbWidth**: `number`
- **i**: `ZoomSlider`
- **isCustomBarProvided**: `boolean`
- **isCustomRangeThumbProvided**: `boolean`
- **isCustomShadeProvided**: `boolean`
- **isCustomThumbProvided**: `boolean`
- **lowerCalloutBrush**: `string`
- **lowerCalloutOutline**: `string`
- **lowerCalloutStrokeThickness**: `number`
- **lowerCalloutTextColor**: `string`
- **lowerShadeBrush**: `string`
- **lowerShadeOutline**: `string`
- **lowerShadeStrokeThickness**: `number`
- **lowerThumbBrush**: `string`
- **lowerThumbHeight**: `number`
- **lowerThumbOutline**: `string`
- **lowerThumbRidgesBrush**: `string`
- **lowerThumbStrokeThickness**: `number`
- **lowerThumbWidth**: `number`
- **maxZoomWidth**: `number`
- **minZoomWidth**: `number`
- **orientation**: `ZoomSliderOrientation`
- **panTransitionDuration**: `number`
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **rangeThumbBrush**: `string`
- **rangeThumbOutline**: `string`
- **rangeThumbRidgesBrush**: `string`
- **rangeThumbStrokeThickness**: `number`
- **resolvingAxisValue**: `any`
- **startInset**: `number`
- **thumbCalloutTextStyle**: `string`
- **trackEndInset**: `number`
- **trackStartInset**: `number`
- **width**: `string`
- **windowRect**: `IgRect`
- **windowRectChanged**: `any` — Occurs just after the current ZoomSlider's window rectangle is changed.
- static **observedAttributes**: `string[]`
- **afterContentInit**(): void
- **attributeChangedCallback**(name: string, oldValue: string, newValue: string): void
- **connectedCallback**(): void
- **disconnectedCallback**(): void
- **findByName**(name: string): any
- **flush**(): void
- **hide**(): void — Hides the ZoomSlider.
- **onAttachedToUI**(): void
- **onDetachedFromUI**(): void
- **provideContainer**(container: any): void — Called by the UI framework to provide a UI container for rendering this control.
- **show**(): void — Shows the ZoomSlider.
- **trackDirty**(): void
- **updateStyle**(): void
- static **register**(): void

### [IgcZoomSliderResolvingAxisValueEventArgs](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/classes/IgcZoomSliderResolvingAxisValueEventArgs)

- **constructor**(): IgcZoomSliderResolvingAxisValueEventArgs
- **position**: `number`
- **value**: `any`

## Enumerations

### [AngleAxisLabelLocation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AngleAxisLabelLocation)
Describes available locations of the x-axis labels in the chart.

- **Auto** = 4 — Places the x-axis labels based on the type of chart component.
Axis Labels Outside Bottom for all types of charts.
- **InsideBottom** = 3 — Places the x-axis labels inside the plotting area below the axis line.
CrossingAxis should be set for this setting to take effect.
- **InsideTop** = 2 — Places the x-axis labels inside the plotting area above the axis line.
CrossingAxis should be set for this setting to take effect.
- **OutsideBottom** = 1 — Places the x-axis labels at the bottom, outside of the plotting area
- **OutsideTop** = 0 — Places the x-axis labels at the top, outside of the plotting area.

### [AnnotationAppearanceMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AnnotationAppearanceMode)
Describes available behaviors for how annotations are distinguished from series.

- **Auto** = 0 — Let the annotation layer decide what appearance to use.
- **BrightnessShift** = 1 — Take the target series color and shift the brightness.
- **DashPattern** = 3 — Take the target series color and apply a dash pattern.
- **OpacityShift** = 4 — Take the target series color and shift the opacity.
- **SaturationShift** = 2 — Take the target series color and shift the saturation.

### [AutoCalloutVisibilityMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AutoCalloutVisibilityMode)
Indicates the allowed directions that will be considered to position the callouts near the target points

- **Auto** = 0 — The callout layer will decide on the appropriate visibility mode.
- **DedicatedLanes** = 2 — callouts wont show unless they have a dedicated width/height lane to render in.
- **Normal** = 1 — Callouts will render if they are in view without restriction.

### [AutoMarginsAndAngleUpdateMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AutoMarginsAndAngleUpdateMode)
Describes available locations of the axis labels in the chart.

- **None** = 0 — Auto margins and auto angle are for initial view only.
- **SizeChanging** = 1 — Auto margins and auto angle are re-evaluated as the size of the component is altered.
- **SizeChangingAndZoom** = 2 — Auto margins and auto angle are re-evalueated as the size of the component changes, auto angles are re-evaluated when zoom changes, possibly leading to a margin update.

### [AxisAngleLabelMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AxisAngleLabelMode)

- **Auto** = 0 — Automatically chooses an appropriate label mode.
- **Center** = 1 — Labels are all positioned away from the chart radius based on the largest label.
- **ClosestPoint** = 2 — Labels are all positioned as close to the chart as possible.

### [AxisExtentType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AxisExtentType)
Enumeration that determines whether the axis extent measures in pixels or percentage.

- **Percent** = 1 — Axis extent measured as a percentage of the chart's size
- **Pixel** = 0 — Axis extent measured in pixels

### [AxisLabelsLocation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AxisLabelsLocation)
Describes available locations of the axis labels in the chart.

- **InsideBottom** = 5 — Places the axis labels inside the plotting area below the axis line.
CrossingAxis should be set for this setting to take effect.
- **InsideLeft** = 6 — Places the axis labels inside the plotting area and to the left of the axis line.
CrossingAxis should be set for this setting to take effect.
- **InsideRight** = 7 — Places the axis labels inside the plotting area and to the right of the axis line.
CrossingAxis should be set for this setting to take effect.
- **InsideTop** = 4 — Places the axis labels inside the plotting area above the axis line.
CrossingAxis should be set for this setting to take effect.
- **OutsideBottom** = 1 — Places the axis labels at the bottom, outside of the plotting area
- **OutsideLeft** = 2 — Places the axis labels to the left, outside of the plotting area.
- **OutsideRight** = 3 — Places the axis labels to the right, outside of the plotting area.
- **OutsideTop** = 0 — Places the axis labels at the top, outside of the plotting area.

### [AxisOrientation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AxisOrientation)
Describes available orientations for an axis.

- **Angular** = 2 — Specifies an angular axis used by the polar series.
- **Horizontal** = 0 — Specifies a horizontal axis.
- **Radial** = 3 — Specifies a radial axis used by radial series.
- **Vertical** = 1 — Specifies a vertical axis.

### [AxisRangeBufferMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AxisRangeBufferMode)
Describes available locations of the axis labels in the chart.

- **Auto** = 0 — The range buffer mode of the axis is decided automatically.
- **None** = 4 — No extra range buffer should be added.
- **Series** = 1 — The range buffer of the axis is defined by the additional requirements of the series to avoid truncating visuals, including visible range margins.
- **SeriesMaximum** = 3 — The range maxium buffer of the axis is defined by the additional requirements of the series to avoid truncating visuals, including visible range margins.
- **SeriesMinimum** = 2 — The range minimum buffer of the axis is defined by the additional requirements of the series to avoid truncating visuals, including visible range margins.

### [AxisTitlePosition](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/AxisTitlePosition)
Describes available positions for axis title in respect to axis labels

- **Auto** = 0 — Displays the axis title in automatically selected position based on orientation and location of the axis:
<para/> - left title position for vertical axis located on left of the chart,
<para/> - right title position for vertical axis located on right of the chart,
<para/> - top title position for horizontal axis located on top of the chart,
<para/> - bottom title position for horizontal axis located on bottom of the chart,
- **Bottom** = 4 — Displays the axis title on bottom of labels on horizontal axis
- **Left** = 1 — Displays the axis title to the left of labels on vertical axis
- **Right** = 2 — Displays the axis title to the right of labels on vertical axis
- **Top** = 3 — Displays the axis title on top of labels on horizontal axis

### [BrushSelectionMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/BrushSelectionMode)
Describes available behaviors of selecting a brush from a brush collection.

- **Interpolate** = 1 — Uses index-based interpolation.
- **Select** = 0 — alternates between brushes sequentially.

### [CalloutPlacementPositions](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/CalloutPlacementPositions)
Indicates the allowed directions that will be considered to position the callouts near the target points

- **Bottom** = 3
- **BottomLeft** = 6
- **BottomRight** = 7
- **Left** = 1
- **Right** = 2
- **Top** = 0
- **TopLeft** = 4
- **TopRight** = 5

### [CategoryChartType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/CategoryChartType)
Describes available types of data visualizations in the Category Chart

- **Area** = 1 — Specifies category area series
- **Auto** = 9 — Specifies automatic selection of chart type based on suggestions from Data Adapter
- **Column** = 2 — Specifies category column chart with vertical rectangles at each data point
- **Line** = 0 — Specifies category line series with markers at each data point
- **Point** = 3 — Specifies category point chart with markers at each data point
- **Spline** = 6 — Specifies category spline line series with markers at each data point
- **SplineArea** = 7 — Specifies category spline area series
- **StepArea** = 5 — Specifies category step area chart
- **StepLine** = 4 — Specifies category step line chart
- **Waterfall** = 8 — Specifies category waterfall chart

### [CategoryCollisionMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/CategoryCollisionMode)

- **MatchHeight** = 1
- **WholeColumn** = 0

### [CategoryItemHighlightType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/CategoryItemHighlightType)
Describes available shapes for a category item highlight.

- **Auto** = 0 — The default depends on the series being highlighted.
- **Marker** = 1 — The highlight should use a marker shape.
- **Shape** = 2 — The highlight should use a filled band shape.

### [CategorySeriesMarkerCollisionAvoidance](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/CategorySeriesMarkerCollisionAvoidance)
Describes available methods of collision avoidance of category series' markers.

- **None** = 0 — Collision avoidance is disabled.
- **Omit** = 1 — Items colliding with other items will be hidden from view.

### [CategoryTooltipLayerPosition](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/CategoryTooltipLayerPosition)
Describes available positions on the crossing axis at which the category tooltip can be displayed.

- **Auto** = 0 — A position is selected automatically
- **InsideEnd** = 3 — Displays at the inside end of the axis.
- **InsideStart** = 2 — Displays at the inside start of the axis.
- **OutsideEnd** = 4 — Displays at the outside end of the axis.
- **OutsideStart** = 1 — Displays at the outside start of the axis.

### [CategoryTransitionInMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/CategoryTransitionInMode)
Describes available transition effects that can applied to initial rendering of a series

- **AccordionFromBottom** = 10 — Series accordions in from the bottom.
- **AccordionFromCategoryAxisMaximum** = 17 — Series accordions in from the category axis maximum.
- **AccordionFromCategoryAxisMinimum** = 16 — Series accordions in from the category axis minimum.
- **AccordionFromLeft** = 7 — Series accordions in from the left.
- **AccordionFromRight** = 8 — Series accordions in from the right.
- **AccordionFromTop** = 9 — Series accordions in from the top.
- **AccordionFromValueAxisMaximum** = 19 — Series accordions in from the value axis maximum.
- **AccordionFromValueAxisMinimum** = 18 — Series accordions in from the value axis minimum.
- **Auto** = 0 — Series transitions in an automatically chosen based on type of series and its orientation
- **Expand** = 11 — Series expands from the value midpoints.
- **FromParent** = 20 — If the series is a child layer, animate from the values that the parent currently has.
- **FromZero** = 1 — Series transitions in from the reference value of the value axis.
- **SweepFromBottom** = 5 — Series sweeps in from the bottom.
- **SweepFromCategoryAxisMaximum** = 13 — Series sweeps in from the category axis maximum.
- **SweepFromCategoryAxisMinimum** = 12 — Series sweeps in from the category axis minimum.
- **SweepFromCenter** = 6 — Series sweeps in from the center.
- **SweepFromLeft** = 2 — Series sweeps in from the left
- **SweepFromRight** = 3 — Series sweeps in from the right
- **SweepFromTop** = 4 — Series sweeps in from the top.
- **SweepFromValueAxisMaximum** = 15 — Series sweeps in from the value axis maximum.
- **SweepFromValueAxisMinimum** = 14 — Series sweeps in from the value axis minimum.

### [ChartHitTestMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ChartHitTestMode)
Describes available behaviors for performing hit testing in the chart/map.

- **Auto** = 0 — Automatically decide the appropriate hit test mode for the content.
- **ColorEncoded** = 2 — Use a color encoded off screen buffer for hit testing. This can have extremely rare false positives where the wrong series is hit (this is due to our inability to disable anti-aliasing in our color buffer), but should always be O(1) time for determining a hit series. This increases frame render time, however. Consider using this if hit testing time is degrading performance.
- **Computational** = 1 — Use a computational based approach to determine which series has been hit. This uses loose bounding boxes, in some cases, and can range in time complexity between O(1) and O(log n) to find a hit. This decreases frame render time compared to color encoded.
- **Mixed** = 3 — Let each series decide which hit testing mode to use individually based on their own hit test mode.
- **MixedFavoringComputational** = 4 — Let each series decide which hit testing mode to use individually based on their own hit test mode, but evaluate all computational hits before evaluating any color encoding hits.

### [CollisionAvoidanceType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/CollisionAvoidanceType)
Describes available methods of collision avoidance of series' markers.

- **Fade** = 2 — Items colliding with other items will be partially hidden from view by reducing their opacity.
- **FadeAndShift** = 4 — Items colliding with other items will be either partially hidden from view by reducing their opacity, or moved to new positions, or a combination of both.
- **None** = 0 — Collision avoidance is disabled.
- **Omit** = 1 — Items colliding with other items will be hidden from view.
- **OmitAndShift** = 3 — Items colliding with other items will be either hidden from view or moved to new positions.

### [ColorScaleInterpolationMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ColorScaleInterpolationMode)
Describes available modes of interpolation on a color scale.

- **InterpolateHSV** = 2 — Interpolate between colors in the palette using HSV interpolation.
- **InterpolateRGB** = 1 — Interpolate between colors in the palette using RGB interpolation.
- **Select** = 0 — Select one of the colors in the palette.

### [ComputedPlotAreaMarginMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ComputedPlotAreaMarginMode)
Describes available locations of the axis labels in the chart.

- **Auto** = 0 — Computed plot area margin mode is determined by the component.
- **None** = 2 — There is no automatic determination of the plot area margin.
- **Series** = 1 — The series in the chart are queried for their requested auto margins, including value maximum margins, if applicable, to incorporate into the plot area margin.

### [ConsolidatedItemHitTestBehavior](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ConsolidatedItemHitTestBehavior)
Determines the item returned in hit-testing when mousing over an object which represents several consolidated items.

- **Basic** = 0 — Returns the item based on the X-location only.  Will return one of the consolidated items.
- **NearestY** = 1 — Returns the item with the nearest Y-location out of all the items with a matching X-location.

### [ConsolidatedItemsPosition](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ConsolidatedItemsPosition)
Enum used to determine positioning logic for data items which have been consolidated into a single visual element.

- **Maximum** = 1 — Consolidated Items should be positioned using their maximum value.
- **Median** = 2 — Consolidated Items should be positioned at the midpoint of the range.
- **Minimum** = 0 — Consolidated Items should be positioned using their minimum value.
- **RelativeMaximum** = 4 — Consolidated Items should be positioned using the value farthest from the reference value of the corresponding axis.
- **RelativeMinimum** = 3 — Consolidated Items should be positioned using the value nearest to the reference value of the corresponding axis.

### [CrosshairsDisplayMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/CrosshairsDisplayMode)
An enum representing the available display modes of crosshairs lines in the chart.

- **Auto** = 0 — Display crosshair lines depending on chart type, e.g. no vertical crosshair lines for column and waterfall charts.
- **Both** = 4 — Display both horizontal and vertical lines of crosshairs in the chart.
- **Horizontal** = 2 — Display horizontal line of crosshairs in the chart.
- **None** = 1 — Display no crosshair lines in the chart.
- **Vertical** = 3 — Display vertical line of crosshairs in the chart.

### [DataAnnotationDisplayMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/DataAnnotationDisplayMode)
Describes mode for displaying content of axis annotation

- **Auto** = 0 — Indicates a mode that automatically selects content displayed on axis, based on type of data annotation layer
- **AxisValue** = 3 — Displays axis value in axis annotation that is between axis minimum and maximum
- **DataLabel** = 2 — Displays a label in axis annotation that represents a value mapped via LabelMemberPath
- **DataValue** = 1 — Displays data value in axis annotation that represents a value mapped via ValueMemberPath
- **Hidden** = 6 — Hides axis annotation
- **PixelValue** = 4 — Displays pixel value in axis annotation that is between start and end size of plot area
- **WindowValue** = 5 — Displays window value in axis annotation in relative coordinates (0.0 - 1.0) to start and end size of plot area

### [DataAnnotationTargetMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/DataAnnotationTargetMode)
Describes available axis modes for targeting by the data annotation layers

- **Auto** = 0 — Indicates default target mode that automatically targets an axes based on type of series present in the chart
e.g. CategoryXAxis for Column Series, CategoryYAxis for Bar Series, NumericXAxis for Scatter Series
- **CategoryXAxes** = 5 — Targets all category x-axes, e.g. CategoryXAxis with and without CompanionAxisEnabled set to true
- **CategoryYAxes** = 6 — Targets all category y-axes, e.g. CategoryYAxis with and without CompanionAxisEnabled set to true
- **CompanionXAxes** = 7 — Targets companion x-axes, e.g. axes created by setting CompanionAxisEnabled on CategoryXAxis or NumericXAxis
- **CompanionYAxes** = 8 — Targets companion y-axes, e.g. axes created by setting CompanionAxisEnabled on CategoryYAxis or NumericYAxis
- **DataSourceAxes** = 1 — Targets axes with data source such as CategoryXAxis, CategoryYAxis, CategoryDateTimeXAxis, TimeXAxis, OrdinalTimeXAxis.
- **HorizontalAxes** = 2 — Targets all horizontal axes, e.g. CategoryXAxis, CategoryDateTimeXAxis, TimeXAxis, OrdinalTimeXAxis, and NumericXAxis
- **None** = 13 — Targets none of the axes
- **NumericXAxes** = 11 — Targets primary or companion numeric x-axes, e.g. NumericXAxis with and without CompanionAxisEnabled set to true
- **NumericYAxes** = 12 — Targets primary or companion numeric y-axes, e.g. NumericYAxis with and without CompanionAxisEnabled set to true
- **PrimaryXAxes** = 9 — Targets primary x-axes, e.g. x-axes not created by setting CompanionAxisEnabled set to true
- **PrimaryYAxes** = 10 — Targets primary y-axes, e.g. y-axes not created by setting CompanionAxisEnabled set to true
- **TimeAxes** = 4 — Targets all time axes, e.g. CategoryDateTimeXAxis, TimeXAxis, OrdinalTimeXAxis
- **VerticalAxes** = 3 — Targets all vertical axes, e.g. CategoryYAxis and NumericYAxis

### [DataPieChartType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/DataPieChartType)
Describes available types of data visualizations in the DataPie Chart control.

- **Auto** = 0 — Specifies automatic selection of chart type based on suggestions from Data Adapter
- **PieSingleRing** = 1 — Specifies the desire for a pie chart with a single ring.

### [DataTooltipConstraintMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/DataTooltipConstraintMode)
Describes available options for constraining the tooltip to different bounds.

- **Application** = 1 — The tooltip is constrained within the bounds of the application window.
- **Auto** = 0 — A constraint for the tooltip is selected automatically.
- **Chart** = 2 — The tooltip is constrained within the bounds of the chart.
- **None** = 4 — The tooltip is constrained within the bounds of the screen.
- **PlotArea** = 3 — The tooltip is constrained within the bounds of the chart plot area.

### [DataToolTipLayerPosition](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/DataToolTipLayerPosition)
Describes available positions on the crossing axis at which the category tooltip can be displayed.

- **Auto** = 0 — A position is selected automatically
- **InsideEnd** = 3 — Displays at the inside end of the axis.
- **InsideStart** = 2 — Displays at the inside start of the axis.
- **OutsideEnd** = 4 — Displays at the outside end of the axis.
- **OutsideStart** = 1 — Displays at the outside start of the axis.

### [DomainType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/DomainType)
An enum representing the available types of domain charts.

- **Category** = 0 — Specifies category domain for Category Chart
- **Financial** = 1 — Specifies financial domain for Financial Chart
- **Pie** = 4 — Specifies pie domain for Pie charts
- **Scatter** = 2 — Specifies scatter domain for Scatter Charts
- **Shape** = 3 — Specifies shape domain for Shape Charts

### [EnableErrorBars](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/EnableErrorBars)
Describes available types for enabling error bars

- **Both** = 1 — Both error bars are enabled
- **Negative** = 3 — Negative error bars are enabled
- **None** = 0 — No error bars are enabled
- **Positive** = 2 — Positive error bars are enabled

### [FinalValueSelectionMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FinalValueSelectionMode)
Gets or sets how to select the final value to annotate.

- **Auto** = 0 — A mode is selected automatically
- **Final** = 3 — Displays the last value in the series, whether visible or not.
- **FinalVisible** = 1 — Displays the last value visible.
- **FinalVisibleInterpolated** = 2 — Displays an interpolated last value for when the series leaves view.

### [FinancialChartRangeSelectorOption](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FinancialChartRangeSelectorOption)
An enum representing the time range presets on a financial chart range selector.

- **All** = 5 — Include a preset button for all data in the range selector.
- **OneMonth** = 0 — Include a preset button for one month in the range selector.
- **OneYear** = 4 — Include a preset button for one year in the range selector.
- **SixMonths** = 2 — Include a preset button for six months in the range selector.
- **ThreeMonths** = 1 — Include a preset button for three months in the range selector.
- **YearToDate** = 3 — Include a preset button for year-to-date in the range selector.

### [FinancialChartType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FinancialChartType)
An enum representing the available price series types to display in the main chart.

- **Auto** = 0 — Automatically determine the price series type to display in the main chart.
- **Bar** = 1 — Display financial bar series in the main chart.
- **Candle** = 2 — Display candlestick series in the main chart.
- **Column** = 3 — Display column series in the main chart.
- **Line** = 4 — Display line series in the main chart.

### [FinancialChartVolumeType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FinancialChartVolumeType)
An enum representing the available series types to display in the volume pane.

- **Area** = 3 — Display area series in the volume pane.
- **Column** = 1 — Display column series in the volume pane.
- **Line** = 2 — Display line series in the volume pane.
- **None** = 0 — Do not display the volume pane.

### [FinancialChartXAxisMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FinancialChartXAxisMode)
An enum representing the available X axis types in the Financial Chart.

- **Ordinal** = 0 — An ordinal scale with time labels.
Items on an ordinal scale are consecutive and equidistant.
- **Time** = 1 — A time scale.
Items on a time scale are positioned according to their time values.

### [FinancialChartYAxisMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FinancialChartYAxisMode)
An enum representing the available Y axis types in the Financial Chart.

- **Numeric** = 0 — A linear or logarithmic numeric scale.
- **PercentChange** = 1 — A numeric scale where all values are scaled proportionally to a reference value.

### [FinancialChartZoomSliderType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FinancialChartZoomSliderType)
An enum representing the available series types to display in the zoom slider pane.

- **Area** = 6 — Display an area series in the zoom slider pane.
- **Auto** = 1 — In the zoom slider pane, match the series type in the price pane.
- **Bar** = 2 — Display financial bar series in the zoom slider pane.
- **Candle** = 3 — Display candle series in the zoom slider pane.
- **Column** = 4 — Display column series in the zoom slider pane.
- **Line** = 5 — Display line series in the zoom slider pane.
- **None** = 0 — Do not display the zoom slider pane.

### [FinancialIndicatorType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FinancialIndicatorType)
Describes available types of marker than can be displayed by default by series with markers.

- **AbsoluteVolumeOscillator** = 0 — Absolute volume oscillator indicator.
- **AccumulationDistribution** = 1 — Accumulation distribution indicator.
- **AverageDirectionalIndex** = 2 — Average directional index indicator.
- **AverageTrueRange** = 3 — Average true range indicator.
- **BollingerBandWidth** = 4 — Bollinger band width indicator.
- **ChaikinOscillator** = 5 — Chaikin oscillator indicator.
- **ChaikinVolatility** = 6 — Chaikin volatility indicator.
- **CommodityChannelIndex** = 7 — Commodity channel index indicator.
- **DetrendedPriceOscillator** = 8 — Detrended price oscillator indicator.
- **EaseOfMovement** = 9 — Ease of movement indicator.
- **FastStochasticOscillator** = 10 — Fast stochastic oscillator indicator.
- **ForceIndex** = 11 — Force index indicator.
- **FullStochasticOscillator** = 12 — Full stochastic oscillator indicator.
- **MarketFacilitationIndex** = 13 — Market facilitation index indicator.
- **MassIndex** = 14 — Mass index indicator.
- **MedianPrice** = 15 — Median price indicator.
- **MoneyFlowIndex** = 16 — Money flow index indicator.
- **MovingAverageConvergenceDivergence** = 17 — Moving average convergence divergence (MACD) indicator.
- **NegativeVolumeIndex** = 18 — Negative volume index indicator.
- **OnBalanceVolume** = 19 — On balance volume indicator.
- **PercentagePriceOscillator** = 20 — Percentage price oscillator indicator.
- **PercentageVolumeOscillator** = 21 — Percentage volume oscillator indicator.
- **PositiveVolumeIndex** = 22 — Positive volume index indicator.
- **PriceVolumeTrend** = 23 — Price volume trend indicator.
- **RateOfChangeAndMomentum** = 24 — Rate of change and momentum indicator.
- **RelativeStrengthIndex** = 25 — Relative strength index indicator.
- **SlowStochasticOscillator** = 26 — Slow stochastic oscillator indicator.
- **StandardDeviation** = 27 — Standard deviation indicator.
- **StochRSI** = 28 — StochRSI indicator.
Stochastic Relative Strength Index.
- **TRIX** = 29 — TRIX indicator.
TRIple eXponential.
- **TypicalPrice** = 30 — Typical price indicator.
- **UltimateOscillator** = 31 — Ultimate oscillator indicator.
- **WeightedClose** = 32 — Weighted close indicator.
- **WilliamsPercentR** = 33 — Williams %R indicator.

### [FinancialOverlayType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FinancialOverlayType)
Describes available types of marker than can be displayed by default by series with markers.

- **BollingerBands** = 0 — Bollinger bands overlay.
- **PriceChannel** = 1 — Price channel overlay.

### [FunnelSliceDisplay](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/FunnelSliceDisplay)
Describes available behaviors for displaying height of the funnel slices.

- **Uniform** = 0 — The slice heights should be uniform.
- **Weighted** = 1 — The slice heights should be weighted by value.

### [GridMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/GridMode)
Describes available modes of displaying elements in the chart grid, such as gridlines.

- **BeforeSeries** = 1 — Chart grid should be rendered before or in front of the data series.
- **BehindSeries** = 2 — Chart grid should be rendered behind or in back of the data series.
- **None** = 0 — No chart grid.

### [HighlightingMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/HighlightingMode)
Describes available behaviors for series highlighting depending on distance of mouse on hover operation.

- **Closest** = 0 — Specifies the highlight starts on closest element of series
- **DirectlyOver** = 1 — Specifies the highlight starts when directly over element of series

### [IndicatorDisplayType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/IndicatorDisplayType)
Describes available display types for financial indicators.

- **Area** = 1 — Display indicator as an area chart.
- **Column** = 2 — Display indicator as a column chart.
- **Line** = 0 — Display indicator as a line chart.

### [ItemsSourceAction](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ItemsSourceAction)
Describes available actions that can cause an ItemsSource event.

- **Change** = 3 — An item property value changed in the data source.
- **Insert** = 1 — One or more rows were added to the data source.
- **Remove** = 0 — One or more rows were removed from the data source.
- **Replace** = 2 — One or more rows were replaced in the data source.
- **Reset** = 4 — The entire data source contents were reset.

### [LabelsPosition](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/LabelsPosition)
Describes available positions of labels.

- **BestFit** = 4 — Labels will automatically decide their location.
- **Center** = 1 — Labels will be displayed in the center.
- **InsideEnd** = 2 — Labels will be displayed inside and by the edge of the container.
- **None** = 0 — No labels will be displayed.
- **OutsideEnd** = 3 — Labels will be displayed outside the container.

### [LeaderLineType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/LeaderLineType)
Describes available types of a callout line for the labels.

- **Arc** = 1 — A curved line is drawn between the slice and its label. The line follows makes a natural turn from the slice to the label.
- **Spline** = 2 — A curved line is drawn between the slice and its label. The line starts radially from the slice and then turns to the label.
- **Straight** = 0 — A straight line is drawn between the slice and its label.

### [LegendHighlightingMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/LegendHighlightingMode)
Describes the highlighting mode to use for the series in the chart.

- **Auto** = 0 — Highlighting mode is determined by the component.
- **MatchSeries** = 2 — On rollover of legend, series will highlight matching the highlight configuration of the series.
- **None** = 1 — Legend will not attempt to highlight series when rolling over legend items.

### [LegendOrientation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/LegendOrientation)
Used to indicate the orientation of the legend

- **Horizontal** = 0
- **Vertical** = 1

### [MarkerAutomaticBehavior](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/MarkerAutomaticBehavior)
Describes mode for selecting marker type when the series marker type is set to automatic.

- **Circle** = 4 — Sets circle marker on all series in the chart.
- **CircleSmart** = 0 — Sets a circle marker on most series and no marker on bar, column, waterfall, polygon, and step series.
- **Diamond** = 8 — Sets diamond marker on all series in the chart.
- **Hexagon** = 10 — Sets Hexagon marker on all series in the chart.
- **Hexagram** = 13 — Sets six-pointed star marker on all series in the chart.
- **Indexed** = 3 — Sets marker for each series in the chart based on its index: circle, triangle, pyramid, etc.
- **None** = 1 — Sets no visible marker on all series in the chart.
- **Pentagon** = 9 — Sets pentagon marker on all series in the chart.
- **Pentagram** = 12 — Sets five-pointed star marker on all series in the chart.
- **Pyramid** = 6 — Sets flat-base triangle marker on all series in the chart.
- **SmartIndexed** = 2 — Sets an marker on most series based on its index and no marker on bar, column, waterfall, polygon, and step series.
- **Square** = 7 — Sets square marker shape on all series in the chart.
- **Tetragram** = 11 — Sets four-pointed star marker on all series in the chart.
- **Triangle** = 5 — Sets flat-top triangle marker on all series in the chart.

### [MarkerFillMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/MarkerFillMode)
Describes available locations of the axis labels in the chart.

- **Auto** = 0 — Outline mode is managed by the series.
- **MatchMarkerOutline** = 2 — The series should match the marker fill to the marker outline.
- **Normal** = 1 — This series base its marker brush on the marker outlines collection.

### [MarkerOutlineMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/MarkerOutlineMode)
Describes available locations of the axis labels in the chart.

- **Auto** = 0 — Outline mode is managed by the series.
- **MatchMarkerBrush** = 2 — The series should match the marker outline to the marker brush.
- **Normal** = 1 — This series base its marker brush on the marker outlines collection.

### [MarkerType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/MarkerType)
Describes available types of marker than can be displayed by default by series with markers.

- **Automatic** = 2 — Automatic marker shape.
- **Circle** = 3 — Circle marker shape.
- **Diamond** = 7 — Diamond marker shape.
- **Hexagon** = 9 — Hexagon marker shape.
- **Hexagram** = 12 — Six-pointed star marker shape.
- **Hidden** = 13 — Renders transparent circular markers.
- **None** = 1 — No marker shapes.
- **Pentagon** = 8 — Pentagon marker shape.
- **Pentagram** = 11 — Five-pointed star marker shape.
- **Pyramid** = 5 — Flat-base triangle marker shape.
- **Square** = 6 — Square marker shape.
- **Tetragram** = 10 — Four-pointed star marker shape.
- **Triangle** = 4 — Flat-top triangle marker shape.
- **Unset** = 0 — Marker hasn't been set.

### [NumericScaleMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/NumericScaleMode)
Describes available scaling behaviors of a numeric axis.

- **Linear** = 0 — Scale values on a linear number line.
- **Logarithmic** = 1 — Scale values on a logarithmic number line.

### [OuterLabelAlignment](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/OuterLabelAlignment)
Describes available types of alignment used by the outer labels of the funnel chart.

- **Left** = 0 — The labels will be displayed to the left of the chart.
- **Right** = 1 — The labels will be displayed to the right of the chart.

### [OverlayTextLocation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/OverlayTextLocation)
Describes location of the overlay text in relation to underlying shape.

- **Auto** = 0 — Let the chart automatically decide which overlay text location to use based on type of annotation layer
- **Hidden** = 18 — Hides the overlay text
- **InsideBottomCenter** = 8 — Positions the overlay text inside bottom center of underlying shape.
- **InsideBottomLeft** = 7 — Positions the overlay text inside bottom left of underlying shape.
- **InsideBottomRight** = 9 — Positions the overlay text inside bottom right of underlying shape.
- **InsideMiddleCenter** = 1 — Positions the overlay text inside middle center of underlying shape.
- **InsideMiddleLeft** = 2 — Positions the overlay text inside middle left of underlying shape.
- **InsideMiddleRight** = 3 — Positions the overlay text inside middle right of underlying shape.
- **InsideTopCenter** = 5 — Positions the overlay text inside top center of underlying shape.
- **InsideTopLeft** = 4 — Positions the overlay text inside top left of underlying shape.
- **InsideTopRight** = 6 — Positions the overlay text inside top right of underlying shape.
- **OutsideBottomCenter** = 16 — Positions the overlay text outside bottom center of underlying shape.
- **OutsideBottomLeft** = 15 — Positions the overlay text outside bottom left of underlying shape.
- **OutsideBottomRight** = 17 — Positions the overlay text outside bottom right of underlying shape.
- **OutsideMiddleLeft** = 13 — Positions the overlay text outside middle left of underlying shape.
- **OutsideMiddleRight** = 14 — Positions the overlay text outside middle right of underlying shape.
- **OutsideTopCenter** = 11 — Positions the overlay text outside top center of underlying shape.
- **OutsideTopLeft** = 10 — Positions the overlay text outside top left of underlying shape.
- **OutsideTopRight** = 12 — Positions the overlay text outside top right of underlying shape.

### [PieChartSweepDirection](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/PieChartSweepDirection)
An enum representing available sweep directions for the pie chart.

- **Auto** = 0 — Let the component decide the sweep direction.
- **Clockwise** = 1 — The pie slices are arranged in a clockwise order from the 0 angle.
- **Counterclockwise** = 2 — The pie slices are arranged in a counterclockwise order from the 0 angle.

### [PointerTooltipPointerLocation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/PointerTooltipPointerLocation)
Describes available positions to anchor the pointer to the PointerTooltip.

- **Auto** = 0 — The anchor is decided automatically.
- **BottomLeft** = 9 — The anchor is top left of the content.
- **BottomMiddle** = 8 — The anchor is top left of the content.
- **BottomRight** = 7 — The anchor is top left of the content.
- **LeftBottom** = 10 — The anchor is top left of the content.
- **LeftMiddle** = 11 — The anchor is top left of the content.
- **LeftTop** = 12 — The anchor is top left of the content.
- **RightBottom** = 6 — The anchor is top left of the content.
- **RightMiddle** = 5 — The anchor is top left of the content.
- **RightTop** = 4 — The anchor is top left of the content.
- **TopLeft** = 1 — The anchor is top left of the content.
- **TopMiddle** = 2 — The anchor is top left of the content.
- **TopRight** = 3 — The anchor is top left of the content.

### [PriceDisplayType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/PriceDisplayType)
Describes available display types of financial price series.

- **Candlestick** = 0 — Displays prices as a Japanese Candlestick.
- **OHLC** = 1 — Displays prices as an OHLC bar.

### [ScatterItemSearchMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ScatterItemSearchMode)
Describes available modes for searching for items in the scatter series.

- **Auto** = 0 — Search mode is automatically determined by the component.
- **ClosestPoint** = 2 — When searching for a point, the closest point is selected, whether visible or not.
The search is skipped in performance critical scenarios if the number of points is over ItemSearchThreshold.
- **ClosestPointOnClosestLine** = 4 — When searching for a point, the closest point along the closest line is used.
The search is skipped if the line points are over ItemSearchThreshold.
- **ClosestVisiblePoint** = 1 — When searching for a point, the closest visible point is selected.
- **ClosestVisiblePointOnClosestLine** = 3 — When searching for a point, the closest visible point along the closest visible line is used.
The search is skipped if the visible line points are over ItemSearchThreshold.
- **None** = 6 — No points will be searched for the in the scatter series.
- **TopVisiblePoint** = 5 — When searching for a point, the topmost visible point is selected.

### [SeriesHighlightingBehavior](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesHighlightingBehavior)
Describes the highlighting mode to use for the series in the chart.

- **Auto** = 0 — Highlighting behavior is determined by the component.
- **DirectlyOver** = 1 — Series are highlighted when the cursor is directly above them.
- **NearestItems** = 2 — The nearest items to the cursor will be highlighted.
- **NearestItemsAndSeries** = 4 — The nearest items to the cursor will be highlighted, the main shapes of the series closest to the cursor will not be de-emphasized.
- **NearestItemsRetainMainShapes** = 3 — The nearest items to the cursor will be highlighted, the main shapes of the series will not be de-emphasized.

### [SeriesHighlightingMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesHighlightingMode)
Describes the highlighting mode to use for the series in the chart.

- **Auto** = 0 — Highlighting mode is determined by the component.
- **Brighten** = 3 — Series will brighten when hovered.
- **BrightenSpecific** = 2 — Series will brighten when hovered, and, if applicable brighten indiviudal shapes or markers.
- **FadeOthers** = 5 — Series will fade if they aren't the hovered series, and, if applicable other shapes in the hovered series will fade.
- **FadeOthersSpecific** = 4 — Series will fade if they aren't the hovered series, and, if applicable other shapes in the hovered series will fade.
- **None** = 1 — No highlighting is defined at the chart level. Individual series may have local highlight settings.

### [SeriesHitTestMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesHitTestMode)
Describes available behaviors for performing hit testing in the chart/map.

- **Auto** = 0 — Automatically decide the appropriate hit test mode for the series.
- **ColorEncoded** = 2 — Use a color encoded off screen buffer for hit testing. Should always be O(1) time for determining a hit series. This increases frame render time and memory usage, however. Consider using this if hit testing time is degrading performance.
- **Computational** = 1 — Use a computational based approach to determine whether the series has been hit. This uses loose bounding boxes, in some cases, and can range in time complexity between O(1) and O(log n) to find a hit. This decreases frame render time compared to color encoded.

### [SeriesOutlineMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesOutlineMode)
Describes available locations of the axis labels in the chart.

- **Auto** = 0 — Outline mode is managed by the series.
- **Collapsed** = 2 — The series should hide the outline portion of the visual.
- **Visible** = 1 — This series should show the outline portion of the visual.

### [SeriesPlotAreaMarginHorizontalMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesPlotAreaMarginHorizontalMode)
Describes available locations of the axis labels in the chart.

- **Auto** = 0 — Series horizontal plot area margin mode is determined by the component.
- **LeftBufferRightBuffer** = 2 — The left of the horizontal axis will have a range buffer, if applicable, and the right of the horizontal axis will have a range buffer, if applicable.
- **LeftBufferRightMargin** = 4 — The left of the horizontal axis will have a range buffer, if applicable, and the right of the horizontal axis will have a plot area margin, if applicable.
- **LeftMarginRightBuffer** = 3 — The left of the horizontal axis will have a plot area margin, if applicable, and the right of the horizontal axis will have a range buffer, if applicable.
- **LeftMarginRightMargin** = 1 — The left of the horizontal axis will have a plot area margin, if applicable, and the right of the horizontal axis will have a plot area margin, if applicable.
- **None** = 5 — No horizontal contributions to plot area margins will be made.

### [SeriesPlotAreaMarginVerticalMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesPlotAreaMarginVerticalMode)
Describes available locations of the axis labels in the chart.

- **Auto** = 0 — Series horizontal plot area margin mode is determined by the component.
- **BottomBufferTopBuffer** = 2 — The bottom of the horizontal axis will have a range buffer, if applicable, and the top of the horizontal axis will have a range buffer, if applicable.
- **BottomBufferTopMargin** = 4 — The bottom of the horizontal axis will have a range buffer, if applicable, and the top of the horizontal axis will have a plot area margin, if applicable.
- **BottomMarginTopBuffer** = 3 — The bottom of the horizontal axis will have a plot area margin, if applicable, and the top of the horizontal axis will have a range buffer, if applicable.
- **BottomMarginTopMargin** = 1 — The bottom of the horizontal axis will have a plot area margin, if applicable, and the top of the horizontal axis will have a plot area margin, if applicable.
- **None** = 5 — No horizontal contributions to plot area margins will be made.

### [SeriesSelectionBehavior](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesSelectionBehavior)
Describes the Selection mode to use for the series in the chart.

- **Auto** = 0 — Selection behavior is determined by the component.
- **PerDataItemMultiSelect** = 1 — Selection is per data item, multiple data items can be selected.
- **PerDataItemSingleSelect** = 2 — Selection is per data item, only one data item can be selected at once.
- **PerSeriesAndDataItemGlobalSingleSelect** = 5 — Selection is per series and data item, only one item may be selected globally at once.
- **PerSeriesAndDataItemMultiSelect** = 3 — Selection is per series and data item, multiple data items can be selected per series at once.
- **PerSeriesAndDataItemSingleSelect** = 4 — Selection is per series and data item, only one data item may be selected per series at once.
- **PerSeriesMultiSelect** = 6 — Selection is per series, multiple entire series may be selected at once.
- **PerSeriesSingleSelect** = 7 — Selection is per series, only one series may be selected at once.

### [SeriesSelectionMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesSelectionMode)
Describes the Selection mode to use for the series in the chart.

- **Auto** = 0 — Selection mode is determined by the component.
- **Brighten** = 2 — Items will brighten when selected.
- **FadeOthers** = 3 — Items other than the selected items will fade.
- **FocusColorFill** = 9 — Items selected will have the focus color as their fill.
- **FocusColorOutline** = 6 — Items selected will have the focus color as their outline.
- **FocusColorThickOutline** = 5 — Items selected will have the focus color as their thick outline.
- **GrayscaleOthers** = 4 — Items other than the selected items will shift to grayscale.
- **None** = 1 — No Selection is defined at the chart level.
- **SelectionColorFill** = 10 — Items selected will have the selection color as their fill.
- **SelectionColorOutline** = 8 — Items selected will have the selection color as their outline.
- **SelectionColorThickOutline** = 7 — Items selected will have the selection color as their thick outline.
- **ThickOutline** = 11 — Items selected will have a thicker outline than the rest.

### [SeriesViewerHorizontalScrollbarPosition](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesViewerHorizontalScrollbarPosition)
Describes the scrollbar mode to use for the series viewer.

- **Auto** = 0 — Horizontal scrollbar position will be decided by the series viewer.
- **InsideBottom** = 1 — Horizontal scrollbar will be used in the plot area inside bottom position.
- **InsideTop** = 2 — Vertical scrollbar will be used in the plot area inside top position.

### [SeriesViewerScrollbarMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesViewerScrollbarMode)
Describes the scrollbar mode to use for the series viewer.

- **FadeToLine** = 2 — A scrollbar that faides to a hairline will be used that shows only when zoom/pan is changing or the cursor is near.
- **Fading** = 1 — Fading scrollbar will be used that shows only when zoom/pan is changing or the cursor is near.
- **None** = 0 — No horizontal scrollbar will be visible.
- **Persistent** = 3 — Persistent scrollbar will be used that shows all the time.

### [SeriesViewerVerticalScrollbarPosition](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesViewerVerticalScrollbarPosition)
Describes the scrollbar mode to use for the series viewer.

- **Auto** = 0 — Vertical scrollbar position will be decided by the series viewer.
- **InsideLeft** = 1 — Vertical scrollbar will be used in the plot area inside left position.
- **InsideRight** = 2 — Vertical scrollbar will be used in the plot area inside right position.

### [SeriesVisibleRangeMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SeriesVisibleRangeMode)
Describes available locations of the axis labels in the chart.

- **Auto** = 0 — Visible range mode is managed by the component.
- **IncludeReferenceValue** = 2 — The reference value is included in the series visible range.
- **ValuesOnly** = 1 — Only the series values are considered for evaluating the visible range.

### [ShapeItemSearchMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ShapeItemSearchMode)
Describes available modes for searching for items in the shape series.

- **Auto** = 0 — Search mode is automatically determined by the component.
- **ClosestBoundingBox** = 1 — When searching for a shape, the shape with the closest bounding box is selected.
- **ClosestPointOnClosestShape** = 3 — When searching for a shape, the closest point along the closest shape is used.
The search is skipped in performance critical scenarios if the number of bounds is over ItemSearchThreshold, or if the number of points in a shape is over ItemSearchPointsThreshold.
- **ClosestShape** = 2 — When searching for a shape, the shape with a border closest to the target point is selected.
The search is skipped in performance critical scenarios if the number of bounds is over ItemSearchThreshold, or if the number of points in a shape is over ItemSearchPointsThreshold.
- **None** = 4 — No shapes will be searched for the in the shape series.

### [SliceSelectionMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SliceSelectionMode)
Describes available modes for selecting slices.

- **Manual** = 0 — Slices can be programmatically selected but cannot be selected through the UI.
- **Multiple** = 2 — Multiple slices can be selected through the UI.
- **Single** = 1 — Single slice can be selected through the UI.

### [SparklineDisplayType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SparklineDisplayType)
Represents the type of sparkline

- **Area** = 1 — Display the sparkline as a filled polygon.
- **Column** = 2 — Display the sparkline as a set of columns.
- **Line** = 0 — Display the sparkline as a line.
- **WinLoss** = 3 — Display the sparkline as a set of columns on a boolean scale.

### [SplineType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/SplineType)
Describes available types of Spline calculations.

- **Clamped** = 1 — Calculated the spline using a clamped spline calculation formula.
- **Natural** = 0 — Calculates the spline using a natural spline calculation formula.

### [ThumbRangePosition](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ThumbRangePosition)

- **PinnedHigher** = 1
- **PinnedLower** = 0

### [TimeAxisDisplayType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TimeAxisDisplayType)
Describes available behaviors for displaying of gridlines, tickmarks, and labels on a time axis.

- **Continuous** = 0 — Points occur at even intervals, even where data is not present at a given point.
- **Discrete** = 1 — Points occur when data is present, possibly at uneven intervals.

### [TimeAxisIntervalType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TimeAxisIntervalType)
Enum representing a unit of time.

- **Days** = 5 — Days.
- **Hours** = 4 — Hours.
- **Milliseconds** = 1 — Milliseconds.
- **Minutes** = 3 — Minutes.
- **Months** = 7 — Months.
- **Seconds** = 2 — Seconds.
- **Ticks** = 0 — Ticks are ten millionths of seconds.
- **Weeks** = 6 — Weeks.
- **Years** = 8 — Years.

### [TimeAxisLabellingMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TimeAxisLabellingMode)
Enum representing a unit of time.

- **Auto** = 0 — LabellingMode is decided automatically.
- **Compressed** = 2 — Labels are shortened by eliminating repeated elements compared to prior values.
- **Normal** = 1 — Labels are presented in a uniform format based on visible interval.

### [ToolTipType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ToolTipType)
An enum representing the available tooltip types to display in the chart.

- **Category** = 2 — Display combined tooltip for all series in the chart.
- **Data** = 4 — Display the data tooltips for all series in the chart
- **Default** = 0 — Display default tooltip for each series in the chart.
- **Item** = 1 — Display individual tooltips for all series in the chart.
- **None** = 3 — Display no tooltips in the chart.

### [TransitionInSpeedType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TransitionInSpeedType)
Describes available types of speeds used when transitioning in a series.

- **Auto** = 0 — A speed type is automatically selected.
- **IndexScaled** = 3 — Data points will arrive later if their index is further from the axis origin.
- **Normal** = 1 — All speeds are normal, data points will arrive at the same time.
- **Random** = 4 — Data points will arrive at random times.
- **ValueScaled** = 2 — Data points will arrive later if their value is further from the start point.

### [TransitionOutSpeedType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TransitionOutSpeedType)
Describes available types of speeds used when transitioning in a series.

- **Auto** = 0 — A speed type is automatically selected.
- **IndexScaled** = 3 — Data points will arrive later if their index is further from the axis origin.
- **Normal** = 1 — All speeds are normal, data points will arrive at the same time.
- **Random** = 4 — Data points will arrive at random times.
- **ValueScaled** = 2 — Data points will arrive later if their value is further from the start point.

### [TreemapFillScaleMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapFillScaleMode)

- **GlobalSum** = 1
- **GlobalValue** = 3
- **Sum** = 0
- **Value** = 2

### [TreemapHeaderDisplayMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapHeaderDisplayMode)

- **Auto** = 0
- **Header** = 1
- **Overlay** = 2

### [TreemapHighlightedValueDisplayMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapHighlightedValueDisplayMode)

- **Auto** = 0 — The treemap automatically chooses an appropriate mode.
- **Hidden** = 2 — Hides the highlighted values.
- **Overlay** = 1 — The treemap overlays the highlighted value on top of the normal value and applies a slight
transparency to the normal value.

### [TreemapHighlightingMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapHighlightingMode)

- **Auto** = 0 — Highlighting mode is determined by the component.
- **Brighten** = 2 — Treemap nodes will brighten when hovered.
- **FadeOthers** = 3 — Treemap nodes will fade if they aren't the hovered node.
- **None** = 1 — No highlighting is defined.

### [TreemapLabelHorizontalFitMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapLabelHorizontalFitMode)

- **Auto** = 0
- **Ellipsis** = 1
- **Hide** = 2

### [TreemapLabelVerticalFitMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapLabelVerticalFitMode)

- **Auto** = 0
- **Hide** = 2
- **Show** = 1

### [TreemapLayoutType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapLayoutType)

- **SliceAndDice** = 1
- **Squarified** = 0
- **Stripped** = 2

### [TreemapNodeStyleMappingTargetType](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapNodeStyleMappingTargetType)

- **All** = 0
- **Child** = 2
- **Parent** = 1

### [TreemapOrientation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapOrientation)

- **Horizontal** = 0
- **Vertical** = 1

### [TreemapValueMappingMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/TreemapValueMappingMode)

- **CustomValue** = 2
- **Sum** = 0
- **Value** = 1

### [UserAnnotationTarget](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/UserAnnotationTarget)
Describes mode for displaying content of axis annotation

- **Axis** = 3 — Specifies an annotation of axis label
- **Point** = 2 — Specifies an annotation of data point on a series
- **Slice** = 0 — Specifies slice annotation at specific axis value
- **Strip** = 1 — Specifies strip annotation from a start to end of an axis

### [ValueAxisLabelLocation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ValueAxisLabelLocation)
Describes available locations of the y-axis labels in the chart.

- **Auto** = 4 — Places the y-axis labels based on the type of chart component.
Axis Labels Outside Right for Financial Chart and Outside Left for other charts.
- **InsideLeft** = 2 — Places the y-axis labels inside the plotting area and to the left of the axis line.
CrossingAxis should be set for this setting to take effect.
- **InsideRight** = 3 — Places the y-axis labels inside the plotting area and to the right of the axis line.
CrossingAxis should be set for this setting to take effect.
- **OutsideLeft** = 0 — Places the y-axis labels to the left, outside of the plotting area.
- **OutsideRight** = 1 — Places the y-axis labels to the right, outside of the plotting area.

### [ValueCollisionMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ValueCollisionMode)

- **Range** = 1
- **Value** = 0

### [ValueLayerValueMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ValueLayerValueMode)
Describes available behaviors for the ValueOverlay.

- **Auto** = 0 — The layer will automatically choose a mode to use.
- **Average** = 3 — The layer will position itself at the average value found on the target series or at multiple values for multiple series if no target series is specified.
- **GlobalAverage** = 6 — The layer will position itself at the global average value found.
- **GlobalMaximum** = 5 — The layer will position itself at the global maximum value found.
- **GlobalMinimum** = 4 — The layer will position itself at the global minimum value found.
- **Maximum** = 2 — The layer will position itself at the maximum value found on the target series or across all series if no target is specified.
- **Minimum** = 1 — The layer will position itself at the minimum value found on the target series or across all series if no target is specified.

### [ViewerSurfaceUsage](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ViewerSurfaceUsage)
Enumeration of options for the usage of the surface.

- **Minimal** = 1 — Minimal surface usage.
- **Normal** = 0 — Normal surface usage.

### [WindowResponse](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/WindowResponse)
Describes available types of UI response to user panning and zooming operations.

- **Deferred** = 0 — Defer the view update until after the user action is complete.
- **Immediate** = 1 — Update the view immediately while the user action is happening.

### [XAxisLabelLocation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/XAxisLabelLocation)
Describes available locations of the x-axis labels in the chart.

- **Auto** = 4 — Places the x-axis labels based on the type of chart component.
Axis Labels Outside Bottom for all types of charts.
- **InsideBottom** = 3 — Places the x-axis labels inside the plotting area below the axis line.
CrossingAxis should be set for this setting to take effect.
- **InsideTop** = 2 — Places the x-axis labels inside the plotting area above the axis line.
CrossingAxis should be set for this setting to take effect.
- **OutsideBottom** = 1 — Places the x-axis labels at the bottom, outside of the plotting area
- **OutsideTop** = 0 — Places the x-axis labels at the top, outside of the plotting area.

### [YAxisLabelLocation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/YAxisLabelLocation)
Describes available locations of the y-axis labels in the chart.

- **Auto** = 4 — Places the y-axis labels based on the type of chart component.
Axis Labels Outside Right for Financial Chart and Outside Left for other charts.
- **InsideLeft** = 2 — Places the y-axis labels inside the plotting area and to the left of the axis line.
CrossingAxis should be set for this setting to take effect.
- **InsideRight** = 3 — Places the y-axis labels inside the plotting area and to the right of the axis line.
CrossingAxis should be set for this setting to take effect.
- **OutsideLeft** = 0 — Places the y-axis labels to the left, outside of the plotting area.
- **OutsideRight** = 1 — Places the y-axis labels to the right, outside of the plotting area.

### [ZoomCoercionMode](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ZoomCoercionMode)
Describes available locations of the axis labels in the chart.

- **Auto** = 0 — Zoom coercion mode is decided by the component.
- **AxisConstrained** = 1 — The zoom window is constrained to the axis bounds.
- **Unconstrained** = 2 — The zoom window is unconstrained by the axis bounds.

### [ZoomSliderOrientation](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/enums/ZoomSliderOrientation)

- **Horizontal** = 0
- **Vertical** = 1

## Variables

### [DataChartStylingDefaults](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/variables/DataChartStylingDefaults)
`any`

### [LegendBaseStyles](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/variables/LegendBaseStyles)
`string[]`

### [SparklineStylingDefaults](https://www.infragistics.com/api/webcomponents/igniteui-webcomponents-charts/latest/variables/SparklineStylingDefaults)
`any`
