Premium

Web Components Charts API

The Ignite UI for Web Components charts provide simple and easy to use APIs to plot your data in IgcCategoryChartComponent, IgcFinancialChartComponent, IgcDataChartComponent, IgcDataPieChartComponent, IgcDoughnutChartComponent, IgcPieChartComponent, and IgcSparklineComponent UI elements.

Web Components Category Chart API

The Web Components IgcCategoryChartComponent has the following API members:

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

Web Components Financial Chart API

The Web Components IgcFinancialChartComponent has the following API members:

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

Web Components Data Chart API

The Web Components IgcDataChartComponent has the following API members:

Chart Properties Axis Classes

- IgcSeriesViewerComponent.chartTitle
- IgcSeriesViewerComponent.subtitle
- isHorizontalZoomEnabled
- isVerticalZoomEnabled
- brushes
- outlines
- markerBrushes
- markerOutlines
- axes
- IgcDataChartComponent.series - IgcAxisComponent is base class for all axis types
- IgcCategoryXAxisComponent used with Category Series, Stacked Series, and Financial Series
- IgcCategoryYAxisComponent used with Category Series, Stacked Series
- IgcCategoryAngleAxisComponent used with Radial Series
- IgcNumericXAxisComponent used with Scatter Series and Bar Series
- IgcNumericYAxisComponent used with Scatter Series, Category Series, Stacked Series, and Financial Series
- IgcNumericAngleAxisComponent used with Polar Series
- IgcNumericRadiusAxisComponent used with Polar Series and Radial Series
- IgcTimeXAxisComponent used with Category Series and Financial Series

Chart Properties	Axis Classes
- `IgcSeriesViewerComponent.chartTitle` - `IgcSeriesViewerComponent.subtitle` - `isHorizontalZoomEnabled` - `isVerticalZoomEnabled` - `brushes` - `outlines` - `markerBrushes` - `markerOutlines` - `axes` - `IgcDataChartComponent.series`	- `IgcAxisComponent` is base class for all axis types - `IgcCategoryXAxisComponent` used with Category Series, Stacked Series, and Financial Series - `IgcCategoryYAxisComponent` used with Category Series, Stacked Series - `IgcCategoryAngleAxisComponent` used with Radial Series - `IgcNumericXAxisComponent` used with Scatter Series and Bar Series - `IgcNumericYAxisComponent` used with Scatter Series, Category Series, Stacked Series, and Financial Series - `IgcNumericAngleAxisComponent` used with Polar Series - `IgcNumericRadiusAxisComponent` used with Polar Series and Radial Series - `IgcTimeXAxisComponent` used with Category Series and Financial Series

The Web Components IgcDataChartComponent can use the following type of series that inherit from IgcDataChartComponent.series:

Category Series	Stacked Series
- `IgcAreaSeriesComponent` - `IgcBarSeriesComponent` - `IgcColumnSeriesComponent` - `IgcLineSeriesComponent` - `IgcPointSeriesComponent` - `IgcSplineSeriesComponent` - `IgcSplineAreaSeriesComponent` - `IgcStepLineSeriesComponent` - `IgcStepAreaSeriesComponent` - `IgcRangeAreaSeriesComponent` - `IgcRangeColumnSeriesComponent` - `IgcRangeBarSeriesComponent` - `IgcWaterfallSeriesComponent`	- `IgcStackedAreaSeriesComponent` - `IgcStackedBarSeriesComponent` - `IgcStackedColumnSeriesComponent` - `IgcStackedLineSeriesComponent` - `IgcStackedSplineSeriesComponent` - `IgcStacked100AreaSeriesComponent` - `IgcStacked100BarSeriesComponent` - `IgcStacked100ColumnSeriesComponent` - `IgcStacked100LineSeriesComponent` - `IgcStacked100SplineSeriesComponent`

Scatter Series	Financial Series
- `IgcBubbleSeriesComponent` - `IgcHighDensityScatterSeriesComponent` - `IgcScatterSeriesComponent` - `IgcScatterLineSeriesComponent` - `IgcScatterSplineSeriesComponent` - `IgcScatterAreaSeriesComponent` - `IgcScatterContourSeriesComponent` - `IgcScatterPolylineSeriesComponent` - `IgcScatterPolygonSeriesComponent`	- `IgcFinancialPriceSeriesComponent` - `IgcBollingerBandsOverlayComponent` - `IgcForceIndexIndicatorComponent` - `IgcMedianPriceIndicatorComponent` - `IgcMassIndexIndicatorComponent` - `IgcRelativeStrengthIndexIndicatorComponent` - `IgcStandardDeviationIndicatorComponent` - `IgcTypicalPriceIndicatorComponent` - `IgcWeightedCloseIndicatorComponent` - and many more

Radial Series	Polar Series
- `IgcRadialLineSeriesComponent` - `IgcRadialAreaSeriesComponent` - `IgcRadialPieSeriesComponent` - `IgcRadialColumnSeriesComponent`	- `IgcPolarScatterSeriesComponent` - `IgcPolarLineSeriesComponent` - `IgcPolarAreaSeriesComponent` - `IgcPolarSplineSeriesComponent` - `IgcPolarSplineAreaSeriesComponent`

Web Components Data Legend API

The Web Components IgcDataLegendComponent has the following API members:

Web Components Donut Chart API

The Web Components IgcDoughnutChartComponent has the following API members:

Web Components Data Pie Chart API

The Web Components IgcDataPieChartComponent has the following API members:

Web Components Pie Chart API

The Web Components IgcPieChartComponent has the following API members:

Web Components Sparkline Chart API

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