Example of Rounded Column in React Chart Component

/
/
RoundedColumn

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

More Details...

Loading....
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 a point or tap on a point in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use bar series, we need to inject BarSeries module into services

More information on the bar series can be found in this documentation section.