This is a preview of Radzen's new Material 3 premium theme, available only to Radzen Professional or Enterprise subscribers.
Browse components with a free theme by selecting one from the dropdown above.
The chart can display area , bar , column , donut , line , and pie data series. The chart series needs data and configuration to tell it which property of the data item is the value of the series (Y axis) and which is the category (X axis).
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.
Here is a very basic example that creates a column chart with minimal configuration.
The RadzenColumnSeries
tag is used to specify that the chart has a column series. The Data
property specifies the data source. The chart will render a column for every DataItem
instance from the revenue
array. The Y (value) axis displays the Revenue
property and the X (category) axis displays the Quarter
property.
Source Code licensed under
MIT
Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful Blazor apps.
Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.