The chart can display , , , , , and 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:
CategoryProperty - the name of the property which provides value for the X axis of the chart. The property can be
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.
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
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
|Navigate forward across Chart legend items.
|Shift + Tab
|Navigate backward across Chart legend items.
|Enter or Space
|Show/hide the focused Chart legend item serie.
Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.