Example of Rounded Column in Javascript Chart Control

/
/
Rounded Bar

This sample showcases a bar chart with rounded corners, illustrating the anticipated growth rates across various sectors in 2024.

More Details...

Top Performing Market Sectors by Growth Rate (2024)Source: visualcapitalist.com
Description

In this example, you can see how to render and configure the bar chart. The bar chart is similar to the column chart, but the orientation of the y-axis is horizontal rather than vertical. You can use the cornerRadius option to customize the horizontal rectangle, resulting in a rounded bar. Tooltips are enabled in this example. To see the tooltip in action, hover over a slice or tap on it in touch-enabled devices. Injecting Module Chart component features are segregated into individual feature-wise modules. To use column series, we need to inject ColumnSeries module using Chart.Inject(ColumnSeries) method. More information on the column series can be found in this documentation section.