Example of Bar with Gradient in ASP.NET MVC Chart Control
This ASP.NET MVC Bar Chartopens in a new tab example visualizes the top revenue-generating companies in India for 2024. A horizontal bar chart with a left-to-right color gradient is used to highlight each company's revenue in USD Billions. Company names appear on the left axis, and revenue values are displayed at the end of each bar. Companies are ordered by revenue to emphasize ranking and relative contribution. Compare bar lengths to quickly identify the top contributors among India's leading corporations.
In this example, you can see how to render and configure a horizontal bar chart with a linear gradient fill using the
LinearGradient property of the series. The gradient is applied horizontally from left to right with multiple color stops
to create smooth color transitions across all bars, visually emphasizing the revenue comparison.
Tooltip is enabled in this example. To see the tooltip in action, hover over a bar or tap on a
bar on touch-enabled devices.
More information about the bar series can be found in this documentation sectionopens in a new tab.