React Charts API

The Ignite UI for React charts provide simple and easy to use APIs to plot your data in IgrCategoryChart, IgrFinancialChart, IgrDataChart, IgrDataPieChart, IgrDoughnutChart, IgrPieChart, and IgrSparkline UI elements.

React Category Chart API

The React IgrCategoryChart 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`

React Financial Chart API

The React IgrFinancialChart 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`

React Data Chart API

The React IgrDataChart has the following API members:

Chart Properties Axis Classes

- Title
- Subtitle
- IsHorizontalZoomEnabled
- IsVerticalZoomEnabled
- Brushes
- Outlines
- MarkerBrushes
- MarkerOutlines
- Axes
- Series - IgrAxis is base class for all axis types
- IgrCategoryXAxis used with Category Series, Stacked Series, and Financial Series
- IgrCategoryYAxis used with Category Series, Stacked Series
- IgrCategoryAngleAxis used with Radial Series
- IgrNumericXAxis used with Scatter Series and Bar Series
- IgrNumericYAxis used with Scatter Series, Category Series, Stacked Series, and Financial Series
- IgrNumericAngleAxis used with Polar Series
- IgrNumericRadiusAxis used with Polar Series and Radial Series
- IgrTimeXAxis used with Category Series and Financial Series

Chart Properties	Axis Classes
- `Title` - `Subtitle` - `IsHorizontalZoomEnabled` - `IsVerticalZoomEnabled` - `Brushes` - `Outlines` - `MarkerBrushes` - `MarkerOutlines` - `Axes` - `Series`	- `IgrAxis` is base class for all axis types - `IgrCategoryXAxis` used with Category Series, Stacked Series, and Financial Series - `IgrCategoryYAxis` used with Category Series, Stacked Series - `IgrCategoryAngleAxis` used with Radial Series - `IgrNumericXAxis` used with Scatter Series and Bar Series - `IgrNumericYAxis` used with Scatter Series, Category Series, Stacked Series, and Financial Series - `IgrNumericAngleAxis` used with Polar Series - `IgrNumericRadiusAxis` used with Polar Series and Radial Series - `IgrTimeXAxis` used with Category Series and Financial Series

The React IgrDataChart can use the following type of series that inherit from Series:

Category Series	Stacked Series
- `IgrAreaSeries` - `IgrBarSeries` - `IgrColumnSeries` - `IgrLineSeries` - `IgrPointSeries` - `IgrSplineSeries` - `IgrSplineAreaSeries` - `IgrStepLineSeries` - `IgrStepAreaSeries` - `IgrRangeAreaSeries` - `IgrRangeColumnSeries` - `RangeBarSeries` - `IgrWaterfallSeries`	- `IgrStackedAreaSeries` - `IgrStackedBarSeries` - `IgrStackedColumnSeries` - `IgrStackedLineSeries` - `IgrStackedSplineSeries` - `IgrStacked100AreaSeries` - `IgrStacked100BarSeries` - `IgrStacked100ColumnSeries` - `IgrStacked100LineSeries` - `IgrStacked100SplineSeries`

Scatter Series	Financial Series
- `IgrBubbleSeries` - `IgrHighDensityScatterSeries` - `IgrScatterSeries` - `IgrScatterLineSeries` - `IgrScatterSplineSeries` - `IgrScatterAreaSeries` - `IgrScatterContourSeries` - `IgrScatterPolylineSeries` - `IgrScatterPolygonSeries`	- `IgrFinancialPriceSeries` - `IgrBollingerBandsOverlay` - `IgrForceIndexIndicator` - `IgrMedianPriceIndicator` - `IgrMassIndexIndicator` - `IgrRelativeStrengthIndexIndicator` - `IgrStandardDeviationIndicator` - `IgrTypicalPriceIndicator` - `IgrWeightedCloseIndicator` - and many more

Radial Series	Polar Series
- `IgrRadialLineSeries` - `IgrRadialAreaSeries` - `IgrRadialPieSeries` - `IgrRadialColumnSeries`	- `IgrPolarScatterSeries` - `IgrPolarLineSeries` - `IgrPolarAreaSeries` - `IgrPolarSplineSeries` - `IgrPolarSplineAreaSeries`

React Data Legend API

The React IgrDataLegend has the following API members:

React Donut Chart API

The React IgrDoughnutChart has the following API members:

React Data Pie Chart API

The React IgrDataPieChart has the following API members:

React Pie Chart API

The React IgrPieChart has the following API members:

React Sparkline Chart API

The React IgrSparkline has the following API members:

Additional Resources

You can find more information about charts in these topics: