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:
IncludedColumns
ExcludedColumns
IncludedSeries
ExcludedSeries
ValueFormatAbbreviation
ValueFormatMode
ValueFormatCulture
ValueFormatMinFractions
ValueFormatMaxFractions
ValueTextColor
TitleTextColor
LabelTextColor
UnitsTextColor
SummaryType
HeaderTextColor
BadgeShape
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:
ChartType
HighlightingBehavior
OthersCategoryThreshold
OthersCategoryType
SelectionMode
SelectionBehavior
Blazor Pie Chart API
The Blazor IgbPieChart
has the following API members:
LegendItemBadgeTemplate
LegendItemTemplate
LegendLabelMemberPath
OthersCategoryThreshold
OthersCategoryType
SelectionMode
Blazor Sparkline Chart API
The Blazor IgbSparkline
has the following API members:
DisplayNormalRangeInFront
DisplayType
LowMarkerBrush
LowMarkerSize
LowMarkerVisibility
NormalRangeFill
UnknownValuePlotting
Additional Resources
You can find more information about charts in these topics: