Premium

Web Components Charts API

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

Web Components Category Chart API

The Web Components 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`

Web Components Financial Chart API

The Web Components 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`

Web Components Data Chart API

The Web Components 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 Web Components 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`

Web Components Data Legend API

The Web Components DataLegend has the following API members:

Web Components Donut Chart API

The Web Components DoughnutChart has the following API members:

Web Components Data Pie Chart API

The Web Components DataPieChart has the following API members:

Web Components Pie Chart API

The Web Components PieChart has the following API members:

Web Components Sparkline Chart API

The Web Components Sparkline has the following API members:

Additional Resources

You can find more information about charts in these topics: