Charts / Bar Charts / Bar with Gradient

Blazor Bar Chart with Gradient Example.

Loading Syncfusion Blazor Server Demos…

Horizontal bars visualize product revenue with a left-to-right color transition, ordered by value to emphasize ranking and relative contribution.

Read product names on the left and dollar values at bar ends; assess bar length and color intensity to identify leaders and laggards at a glance.

Tooltip is enabled in this example. To see the tooltip in action, hover over a point or tap on a point in touch enabled devices.

Linear Gradient is applied to each bar to create a smooth left-to-right color blend that reinforces direction and magnitude.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE