Premium

Angular Charts API

The Ignite UI for Angular charts provide simple and easy to use APIs to plot your data in CategoryChart, FinancialChart, DataChart, DataPieChart, DoughnutChart, PieChart, and Sparkline UI elements.

Angular Category Chart API

The Angular CategoryChart has the following API members:

Chart Properties	Axis Properties	Series Properties
- `ExcludedProperties` - `IncludedProperties` - `IsHorizontalZoomEnabled` - `IsVerticalZoomEnabled` - `CrosshairsDisplayMode` - `TransitionInMode` - `HighlightingBehavior` - `HighlightingMode` - `TrendLineType`	- `XAxisInterval` - `XAxisLabelLocation` - `XAxisGap` - `XAxisOverlap` - `XAxisTitle` - `YAxisInterval` - `YAxisLabelLocation` - `YAxisTitle` - `YAxisMinimumValue` - `YAxisMaximumValue`	- `Brushes` - `Outlines` - `MarkerBrushes` - `MarkerOutlines` - `MarkerTypes` - `ToolTipType`

Angular Financial Chart API

The Angular FinancialChart has the following API members:

Chart Properties	Axis Properties	Series Properties
- `ExcludedProperties` - `IncludedProperties` - `IsHorizontalZoomEnabled` - `IsVerticalZoomEnabled` - `ToolTipType` - `CrosshairsDisplayMode` - `HighlightingBehavior` - `HighlightingMode` - `TrendLineType`	- `XAxisInterval` - `XAxisLabelLocation` - `XAxisTitle` - `YAxisInterval` - `YAxisLabelLocation` - `YAxisTitle` - `YAxisMinimumValue` - `YAxisMaximumValue` - `YAxisMode` - `XAxisMode`	- `Brushes` - `Outlines` - `MarkerBrushes` - `MarkerOutlines` - `MarkerTypes` - `IndicatorTypes` - `VolumeType` - `ZoomSliderType`

Angular Data Chart API

The Angular DataChart has the following API members:

Chart Properties Axis Classes

- Title
- Subtitle
- IsHorizontalZoomEnabled
- IsVerticalZoomEnabled
- Brushes
- Outlines
- MarkerBrushes
- MarkerOutlines
- Axes
- Series - Axis is base class for all axis types
- CategoryXAxis used with Category Series, Stacked Series, and Financial Series
- CategoryYAxis used with Category Series, Stacked Series
- CategoryAngleAxis used with Radial Series
- NumericXAxis used with Scatter Series and Bar Series
- NumericYAxis used with Scatter Series, Category Series, Stacked Series, and Financial Series
- NumericAngleAxis used with Polar Series
- NumericRadiusAxis used with Polar Series and Radial Series
- TimeXAxis used with Category Series and Financial Series

Chart Properties	Axis Classes
- `Title` - `Subtitle` - `IsHorizontalZoomEnabled` - `IsVerticalZoomEnabled` - `Brushes` - `Outlines` - `MarkerBrushes` - `MarkerOutlines` - `Axes` - `Series`	- `Axis` is base class for all axis types - `CategoryXAxis` used with Category Series, Stacked Series, and Financial Series - `CategoryYAxis` used with Category Series, Stacked Series - `CategoryAngleAxis` used with Radial Series - `NumericXAxis` used with Scatter Series and Bar Series - `NumericYAxis` used with Scatter Series, Category Series, Stacked Series, and Financial Series - `NumericAngleAxis` used with Polar Series - `NumericRadiusAxis` used with Polar Series and Radial Series - `TimeXAxis` used with Category Series and Financial Series

The Angular DataChart can use the following type of series that inherit from Series:

Category Series	Stacked Series
- `AreaSeries` - `BarSeries` - `ColumnSeries` - `LineSeries` - `PointSeries` - `SplineSeries` - `SplineAreaSeries` - `StepLineSeries` - `StepAreaSeries` - `RangeAreaSeries` - `RangeColumnSeries` - `RangeBarSeries` - `WaterfallSeries`	- `StackedAreaSeries` - `StackedBarSeries` - `StackedColumnSeries` - `StackedLineSeries` - `StackedSplineSeries` - `Stacked100AreaSeries` - `Stacked100BarSeries` - `Stacked100ColumnSeries` - `Stacked100LineSeries` - `Stacked100SplineSeries`

Scatter Series	Financial Series
- `BubbleSeries` - `HighDensityScatterSeries` - `ScatterSeries` - `ScatterLineSeries` - `ScatterSplineSeries` - `ScatterAreaSeries` - `ScatterContourSeries` - `ScatterPolylineSeries` - `ScatterPolygonSeries`	- `FinancialPriceSeries` - `BollingerBandsOverlay` - `ForceIndexIndicator` - `MedianPriceIndicator` - `MassIndexIndicator` - `RelativeStrengthIndexIndicator` - `StandardDeviationIndicator` - `TypicalPriceIndicator` - `WeightedCloseIndicator` - and many more

Radial Series	Polar Series
- `RadialLineSeries` - `RadialAreaSeries` - `RadialPieSeries` - `RadialColumnSeries`	- `PolarScatterSeries` - `PolarLineSeries` - `PolarAreaSeries` - `PolarSplineSeries` - `PolarSplineAreaSeries`

Angular Data Legend API

The Angular DataLegend has the following API members:

Angular Donut Chart API

The Angular DoughnutChart has the following API members:

Angular Data Pie Chart API

The Angular DataPieChart has the following API members:

Angular Pie Chart API

The Angular PieChart has the following API members:

Angular Sparkline Chart API

The Angular Sparkline has the following API members:

Additional Resources

You can find more information about charts in these topics: