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...

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.