Rounded corners on stacked bar chart

[valentinludu]

Any chance to see this working on stacked bar charts? Currently the rounded corners are applied to the bottom bar as well. There should be a rule to apply the rounded corners only for the top bar if there are more that 1 bar on top of each other.

[KacperMadej]

Hi @valentinludu

Thank you for the enhancement suggestion.

Currently the corner options are set on series level, so you would have to use different series for not rounded point that for the points with rounded corners.

[valentinludu]

Thank you @KacperMadej .
Yes, I understand. The problem is: if I set the series represented with purple, in my above image, to have no corners, the last combined bar will look good but the second one will have no corners.
So the best action will be to have a rule to not have rounded corners only if that bar is stacked below another.
Does the library have a rule that could dedect if a bar is below another one?
And if there is how could I create a method to not have rounded corners if the bar is stacker and is below another one?

[KacperMadej]

Currently there's no such feature in this plugin. As a workaround you could check data before creating a chart and prepare some series like in this demo: http://jsfiddle.net/BlackLabel/bhov0pLe/

Stacking logic for Highcharts is placed in this file: https://github.com/highcharts/highcharts/blob/master/js/parts/Stacking.js You could go through it to find more info from comments if you would like to create a custom code that will implemented the requested feature.

[valentinludu]

Thank you very much.
I took your advice and worked.
Maybe in the near future someone will have a fix for this.

Kind regards,
Valentin

[cgandhamQB]

Hi @KacperMadej, I used the rounded-corner highcharts plugin in a bullet chart. I'm able to get the rounded edge in the top of the bar but it causes the target bar to disappear when I use 'borderRadiusTopLeft' and 'borderRadiusBottomRight' on the series of my bullet chart. Is there any solution that I could try to have the rounded edge on the top for both the progress and target of a bullet chart?
Thanks,
chandana

[KacperMadej]

@cgandhamQB
Your problem is not the same as the one described in this issue so it would be better to if you could open a new issue (or contacted technical support) with a live demo of the problem. Is short: it looks that the plugin doesn't support the bullet type series.

[ghost]

Hi @KacperMadej .I'm getting the same error as @valentinludu
I'm getting the same error as
Please help me !

[ghost]

@KacperMadej

[KacperMadej]

@Sotatek-VuVanTuan
If you are getting the same error then try the same workaround (more info in my previous comments) and if it doesn't work for you please elaborate.

[umairmanzoor1143]

Hi @KacperMadej
How To Change Row Chart bar BorderRadius only left top and bottom

[KacperMadej]

@umairmanzoor1143
What's "Row Chart" ?
See usage: https://github.com/highcharts/rounded-corners#usage

[totszwai]

So... How can we round the corner of the entire stacked bar as a whole instead of individual series?

[sethuraman150]

Highcharts: is it possible to set up top bottom radius for the columns in Column chart?

[sethuraman150]

any other possible to set border bottom radius for column chart in highcharts??