Select theme:

Material 3
warning

You are viewing the legacy Radzen documentation.

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

Open Radzen Blazor Studio docs

Chart (Angular)link

This guide demonstrates how to use the Chart component.

Column, Line, Bar and Area Chart Propertieslink

NameTypeDefaultDescription
Namestring'chart' + index suffixUnique name of the Chart.
ChartTypestringnullChart type. area, bar, line or column.
DataarraynullChart data.
ValuePropertystringnullChart data value property.
CategoryPropertystringnullChart data category property.
SeriesstringnullChart data series property.
LegendbooleanfalseIs Chart legend visible.

Column chart

image

Bar chart

image

Line chart

image

Area chart

image

Column, Line, Bar and Area Angular declarationlink

<rz-chart #chart0 categoryProperty="ProductName" chartType="Area" [data]="getProductsResult"
  [legend]="false" valueProperty="ProductPrice">
</rz-chart>

Pie and Donut Chart Propertieslink

NameTypeDefaultDescription
Namestring'chart' + index suffixUnique name of the Chart.
ChartTypestringnullChart pie or donut.
IconstringnullDataGrid icon.
TitlestringnullChart title.
TitleColorstringnullChart title color.
TitleBackgroundstringnullChart title background color.
DataarraynullChart data.
ValuePropertystringnullChart data value property.
CategoryPropertystringnullChart data category property.
LegendbooleanfalseIs Chart legend visible.
LabelsbooleanfalseAre Chart labels visible.

Pie chart

image

Donut chart

image

Pie and Donut Angular declarationlink

<rz-pie #pie0 categoryProperty="Id" chartType="Pie" [data]="getProductsResult"
  [legend]="true"  valueProperty="ProductPrice">
</rz-pie>

Get started today

Radzen is free to use. You can also test the premium features for 15 days.

Start Free
© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3