Curved bar on the top.

[ayankhan21]

I current have a stacked column chart. I wanted add border radius to the top of the columns , is it possible ?

[Thangaraj Raman]

@ayankhan21,

Rounded corners are currently not supported in column charts as of now, but it’s on our wishlist for future updates. In the meantime, adding border-radius in the example shared in this article will help in achieving your requirement as shown in this JSFiddle.

—
Thangaraj Raman
Team CanvasJS

[ayankhan21]

Hi @Thangaraj Raman.
I went through the fiddle code that you provided. Was pretty straight forward, but in my use case we are using react, And we have no way of directly targeting the bars.
Any idea how I can achieve that in react?

[Thangaraj Raman]

@ayankhan21,

Please take a look at this StackBlitz for the same example in React.

—
Thangaraj Raman
Team CanvasJS