Blazor Chart Components
Explore 40+ free, open-source data-visualization components for Blazor - including 30+ chart types, from area and line charts to financial and statistical ones, plus gauges, sparklines, a treemap and a Sankey diagram. Every chart is drawn in C# as SVG, so it renders under static server-side rendering with no JavaScript charting library. Click any chart for a live demo.
Basic usage linkLink to this section
Add a RadzenChart and place one or more series inside it. The RadzenColumnSeries tags below render a column for every DataItem in their Data arrays. The Y (value) axis displays the Revenue property and the X (category) axis displays the Quarter property.
Chart Series linkLink to this section
Each series binds a set of data to a visual form like a line, bar, or pie. Combine several series in one chart, for example a column series with a line overlay, as long as they share compatible axes. All series have the following common properties:
Data - specifies the data source which the series should display.
ValueProperty - the name of the property which provides values for the Y axis of the chart. The property should be of numeric type: int, long, float, double, decimal.
CategoryProperty - the name of the property which provides value for the X axis of the chart. The property can be string, Date or numeric. If not set RadzenChart will use the index of the data item as its X axis value.
Area Chart linkLink to this section
Bar Chart linkLink to this section
Column Chart linkLink to this section
Line Chart linkLink to this section
Waterfall Chart linkLink to this section
Part-to-Whole Charts linkLink to this section
Scatter & Bubble linkLink to this section
Financial linkLink to this section
Statistical & Interactive linkLink to this section
Specialized Charts linkLink to this section
Gauges linkLink to this section
Zoom & Navigation linkLink to this section
Configuration linkLink to this section
Keyboard Navigation linkLink to this section
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Chart component.
| Press this key | To do this |
|---|---|
| Tab | Navigate forward across Chart legend items. |
| Shift + Tab | Navigate backward across Chart legend items. |
| Enter or Space | Show/hide the focused Chart legend item series. |
Frequently asked questions
Are the Radzen Blazor charts free?
Yes. The charts are part of Radzen.Blazor, which is open source under the MIT license and free for commercial use.
Which chart types are included?
30+ chart types: area, bar, column, line, pie, donut, funnel, pyramid, scatter, bubble, candlestick, OHLC, box plot, waterfall, heatmap, treemap, Sankey and more, plus gauges and sparklines.
Do the charts need a JavaScript charting library?
No. Every chart is drawn in C# as SVG, so it also renders under static server-side rendering.
How do I add a series to a chart?
Place a series component such as RadzenLineSeries or RadzenColumnSeries inside the chart and bind its Data, then point CategoryProperty and ValueProperty at the fields you want.
Can I combine different series types?
Yes. Put more than one series inside the same chart - a column series with a line overlay, for example - as long as they share compatible axes.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT