Blazor Charts API
The Ignite UI for Blazor charts provide simple and easy to use APIs to plot your data in IgbCategoryChart, IgbFinancialChart, IgbDataChart, IgbDataPieChart, IgbDoughnutChart, IgbPieChart, and IgbSparkline UI elements.
Blazor Category Chart API
The Blazor IgbCategoryChart has the following API members:
| Chart Properties | Axis Properties | Series Properties |
|---|---|---|
- ChartType - 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 |
Blazor Financial Chart API
The Blazor IgbFinancialChart has the following API members:
| Chart Properties | Axis Properties | Series Properties |
|---|---|---|
- ChartType - 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 |
Blazor Data Chart API
The Blazor IgbDataChart has the following API members:
| Chart Properties | Axis Classes |
|---|---|
- ChartTitle - Subtitle - IsHorizontalZoomEnabled - IsVerticalZoomEnabled - Brushes - Outlines - MarkerBrushes - MarkerOutlines - Axes - Series |
- IgbAxis is base class for all axis types - IgbCategoryXAxis used with Category Series, Stacked Series, and Financial Series - IgbCategoryYAxis used with Category Series, Stacked Series - IgbCategoryAngleAxis used with Radial Series - IgbNumericXAxis used with Scatter Series and Bar Series - IgbNumericYAxis used with Scatter Series, Category Series, Stacked Series, and Financial Series - IgbNumericAngleAxis used with Polar Series - IgbNumericRadiusAxis used with Polar Series and Radial Series - IgbTimeXAxis used with Category Series and Financial Series |
The Blazor IgbDataChart can use the following type of series that inherit from Series:
| Radial Series | Polar Series |
|---|---|
- IgbRadialLineSeries - IgbRadialAreaSeries - IgbRadialPieSeries - IgbRadialColumnSeries |
- IgbPolarScatterSeries - IgbPolarLineSeries - IgbPolarAreaSeries - IgbPolarSplineSeries - IgbPolarSplineAreaSeries |
Blazor Data Legend API
The Blazor IgbDataLegend has the following API members:
IncludedColumnsExcludedColumnsIncludedSeriesExcludedSeriesValueFormatAbbreviationValueFormatModeValueFormatCultureValueFormatMinFractionsValueFormatMaxFractionsValueTextColorTitleTextColorLabelTextColorUnitsTextColorSummaryTypeHeaderTextColorBadgeShape
Blazor Donut Chart API
The Blazor IgbDoughnutChart has the following API members:
Blazor Data Pie Chart API
The Blazor IgbDataPieChart has the following API members:
ChartTypeHighlightingBehaviorOthersCategoryThresholdOthersCategoryTypeSelectionModeSelectionBehavior
Blazor Pie Chart API
The Blazor IgbPieChart has the following API members:
LegendItemBadgeTemplateLegendItemTemplateLegendLabelMemberPathOthersCategoryThresholdOthersCategoryTypeSelectionMode
Blazor Sparkline Chart API
The Blazor IgbSparkline has the following API members:
DisplayNormalRangeInFrontDisplayTypeLowMarkerBrushLowMarkerSizeLowMarkerVisibilityNormalRangeFillUnknownValuePlotting
Additional Resources
You can find more information about charts in these topics: