Radzen Blazor Components

Radzen Blazor Chart column series

Visualize data comparisons using vertical column charts.

In this demo three charts show quarterly revenue comparisons: auto-size columns, custom width columns (Width="20"), and range fill columns using FillRange to color columns red (less than $275k), orange (between $275k-$324k), or green (greater than $324k).

Auto-size column series

Custom size column series

Range fills column series

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙