Dynamic change of border radius in a stacked column graph

[mayur249]

Description of the feature

For a stacked graph, if I wanted to make topmost bar as curve using border-radius I can do it, but in the scenario where the value of the top most bar is 0 at that time the second most bar from the top appears flat. Can we get a way to dynamically change the border radius of a particular bar

Library related to the feature

Highcharts

Proof of Concept/Live example for the feature

As you can see in the below screenshot, I have given border radius for the topmost bar but in the 4th bar you can see the topmost bar's value is 0 so it is directly showing the second bar with flat surface, if we can get a way to make it's border radius also change then it will be helpful

---

You can vote for this feature by adding a thumbs-up reaction to this post.

[bm64]

Hi @mayur249 and thanks for sharing the idea.

[mayur249]

Hi @bm64, so currently in highcharts we don't have the option to implement this right ?

[bm64]

@mayur249 after investigating it looks like the stacked column chart works exactly like in your request; the topmost stack is rounded: https://jsfiddle.net/BlackLabel/m2uy49sr/ Is that what you're looking for? Maybe you need to upgrade Highcharts version.

[TorsteinHonsi]

@mayur249 @mayur249
From the original post's screenshot, it seems that it uses the old rounded corners plugin. This should not be used anymore, since rounded corners were implemented natively as of v11.0, and with an approach that deals with rounding across stacks. I'll make a note in the rounded-corners package about its deprecation.