Premium

Angular Charts API

The Ignite UI for Angular charts provide simple and easy to use APIs to plot your data in IgxCategoryChartComponent, IgxFinancialChartComponent, IgxDataChartComponent, IgxDataPieChartComponent, IgxDoughnutChartComponent, IgxPieChartComponent, and IgxSparklineComponent UI elements.

Angular Category Chart API

The Angular IgxCategoryChartComponent has the following API members:

Chart Properties	Axis Properties	Series Properties
- `excludedProperties` - `includedProperties` - `IgxDataChartComponent.isHorizontalZoomEnabled` - `IgxDataChartComponent.isVerticalZoomEnabled` - `IgxCategoryChartComponent.crosshairsDisplayMode` - `transitionInMode` - `IgxDataChartComponent.highlightingBehavior` - `IgxDataChartComponent.highlightingMode` - `IgxCategoryChartComponent.trendLineType`	- `xAxisInterval` - `IgxCategoryChartComponent.xAxisLabelLocation` - `xAxisGap` - `xAxisOverlap` - `xAxisTitle` - `yAxisInterval` - `IgxCategoryChartComponent.yAxisLabelLocation` - `yAxisTitle` - `yAxisMinimumValue` - `yAxisMaximumValue`	- `IgxDataChartComponent.brushes` - `IgxDataChartComponent.outlines` - `IgxDataChartComponent.markerBrushes` - `IgxDataChartComponent.markerOutlines` - `markerTypes` - `IgxCategoryChartComponent.toolTipType`

Angular Financial Chart API

The Angular IgxFinancialChartComponent has the following API members:

Chart Properties	Axis Properties	Series Properties
- `IgxCategoryChartComponent.excludedProperties` - `IgxCategoryChartComponent.includedProperties` - `IgxDataChartComponent.isHorizontalZoomEnabled` - `IgxDataChartComponent.isVerticalZoomEnabled` - `IgxCategoryChartComponent.toolTipType` - `IgxCategoryChartComponent.crosshairsDisplayMode` - `IgxDataChartComponent.highlightingBehavior` - `IgxDataChartComponent.highlightingMode` - `IgxCategoryChartComponent.trendLineType`	- `xAxisInterval` - `IgxCategoryChartComponent.xAxisLabelLocation` - `IgxCategoryChartComponent.xAxisTitle` - `IgxCategoryChartComponent.yAxisInterval` - `IgxCategoryChartComponent.yAxisLabelLocation` - `IgxCategoryChartComponent.yAxisTitle` - `IgxCategoryChartComponent.yAxisMinimumValue` - `IgxCategoryChartComponent.yAxisMaximumValue` - `yAxisMode` - `xAxisMode`	- `IgxDataChartComponent.brushes` - `IgxDataChartComponent.outlines` - `IgxDataChartComponent.markerBrushes` - `IgxDataChartComponent.markerOutlines` - `IgxCategoryChartComponent.markerTypes` - `indicatorTypes` - `volumeType` - `zoomSliderType`

Angular Data Chart API

The Angular IgxDataChartComponent has the following API members:

Chart Properties Axis Classes

- IgxSeriesViewerComponent.chartTitle
- IgxSeriesViewerComponent.subtitle
- isHorizontalZoomEnabled
- isVerticalZoomEnabled
- brushes
- outlines
- markerBrushes
- markerOutlines
- axes
- IgxDataChartComponent.series - IgxAxisComponent is base class for all axis types
- IgxCategoryXAxisComponent used with Category Series, Stacked Series, and Financial Series
- IgxCategoryYAxisComponent used with Category Series, Stacked Series
- IgxCategoryAngleAxisComponent used with Radial Series
- IgxNumericXAxisComponent used with Scatter Series and Bar Series
- IgxNumericYAxisComponent used with Scatter Series, Category Series, Stacked Series, and Financial Series
- IgxNumericAngleAxisComponent used with Polar Series
- IgxNumericRadiusAxisComponent used with Polar Series and Radial Series
- IgxTimeXAxisComponent used with Category Series and Financial Series

Chart Properties	Axis Classes
- `IgxSeriesViewerComponent.chartTitle` - `IgxSeriesViewerComponent.subtitle` - `isHorizontalZoomEnabled` - `isVerticalZoomEnabled` - `brushes` - `outlines` - `markerBrushes` - `markerOutlines` - `axes` - `IgxDataChartComponent.series`	- `IgxAxisComponent` is base class for all axis types - `IgxCategoryXAxisComponent` used with Category Series, Stacked Series, and Financial Series - `IgxCategoryYAxisComponent` used with Category Series, Stacked Series - `IgxCategoryAngleAxisComponent` used with Radial Series - `IgxNumericXAxisComponent` used with Scatter Series and Bar Series - `IgxNumericYAxisComponent` used with Scatter Series, Category Series, Stacked Series, and Financial Series - `IgxNumericAngleAxisComponent` used with Polar Series - `IgxNumericRadiusAxisComponent` used with Polar Series and Radial Series - `IgxTimeXAxisComponent` used with Category Series and Financial Series

The Angular IgxDataChartComponent can use the following type of series that inherit from IgxDataChartComponent.series:

Category Series	Stacked Series
- `IgxAreaSeriesComponent` - `IgxBarSeriesComponent` - `IgxColumnSeriesComponent` - `IgxLineSeriesComponent` - `IgxPointSeriesComponent` - `IgxSplineSeriesComponent` - `IgxSplineAreaSeriesComponent` - `IgxStepLineSeriesComponent` - `IgxStepAreaSeriesComponent` - `IgxRangeAreaSeriesComponent` - `IgxRangeColumnSeriesComponent` - `IgxRangeBarSeriesComponent` - `IgxWaterfallSeriesComponent`	- `IgxStackedAreaSeriesComponent` - `IgxStackedBarSeriesComponent` - `IgxStackedColumnSeriesComponent` - `IgxStackedLineSeriesComponent` - `IgxStackedSplineSeriesComponent` - `IgxStacked100AreaSeriesComponent` - `IgxStacked100BarSeriesComponent` - `IgxStacked100ColumnSeriesComponent` - `IgxStacked100LineSeriesComponent` - `IgxStacked100SplineSeriesComponent`

Scatter Series	Financial Series
- `IgxBubbleSeriesComponent` - `IgxHighDensityScatterSeriesComponent` - `IgxScatterSeriesComponent` - `IgxScatterLineSeriesComponent` - `IgxScatterSplineSeriesComponent` - `IgxScatterAreaSeriesComponent` - `IgxScatterContourSeriesComponent` - `IgxScatterPolylineSeriesComponent` - `IgxScatterPolygonSeriesComponent`	- `IgxFinancialPriceSeriesComponent` - `IgxBollingerBandsOverlayComponent` - `IgxForceIndexIndicatorComponent` - `IgxMedianPriceIndicatorComponent` - `IgxMassIndexIndicatorComponent` - `IgxRelativeStrengthIndexIndicatorComponent` - `IgxStandardDeviationIndicatorComponent` - `IgxTypicalPriceIndicatorComponent` - `IgxWeightedCloseIndicatorComponent` - and many more

Radial Series	Polar Series
- `IgxRadialLineSeriesComponent` - `IgxRadialAreaSeriesComponent` - `IgxRadialPieSeriesComponent` - `IgxRadialColumnSeriesComponent`	- `IgxPolarScatterSeriesComponent` - `IgxPolarLineSeriesComponent` - `IgxPolarAreaSeriesComponent` - `IgxPolarSplineSeriesComponent` - `IgxPolarSplineAreaSeriesComponent`

Angular Data Legend API

The Angular IgxDataLegendComponent has the following API members:

Angular Donut Chart API

The Angular IgxDoughnutChartComponent has the following API members:

Angular Data Pie Chart API

The Angular IgxDataPieChartComponent has the following API members:

Angular Pie Chart API

The Angular IgxPieChartComponent has the following API members:

Angular Sparkline Chart API

The Angular IgxSparklineComponent has the following API members:

Additional Resources

You can find more information about charts in these topics:

More Frameworks

Desktop

Cross Platform

Three bundles, one subscription

Popular Searches

Search In

Jump To

Ask our engineers directly