Allow specifying borderRadius for individual corners
'Border radius' on a column chart currently affects all 4 corners of a column identically. Please, could we have the ability to set individual corners at different radii?
Personally I would like this so that I can round just the top of a stacked column chart, but i think it would be a great addition and allow some nice extra flexibility in look & feel.
I created a plugin for this feature, see http://www.highcharts.com/plugin-registry/single/5/Rounded-Corners
Edit 2014-05-07: Co-worker Stephane also has a nice drop-in code snippet for creating custom shapes: http://jsfiddle.net/highcharts/My9Qp/
-
Ali Raza commented
locksandhandles.co.uk Personally I would like this so that I can round just the top of a stacked column chart, but i think it would be a great addition and allow some nice extra flexibility in look & feel. https://locksandhandles.co.uk/
-
Ali Raza commented
uPVC door handle designs often emphasize precision and customization—similar to allowing a borderRadius for individual corners in digital design. This feature enables smoother, more tailored visuals, enhancing aesthetics and usability. Just as a uPVC handle can be crafted to match various styles and door types, adjusting borderRadius individually lets designers achieve balance and flow. Both highlight the importance of flexibility and detail in creating functional yet visually appealing finished products. https://multipointlocks.co.uk/upvc-door-handles
-
Tyrone Dougherty
commented
Coming here to specifically request this too :)
The plugin that was created is unfortunately not available on NPM :(
Adding the raw code to our codebase unfortunately breaks a lot of rules at my company, so it would be way nicer to have it as a proper package on NPM, or even better built into highcharts!
Column charts can look quite weird with every border having a radius.
-
Lenin Meza
commented
How i can apply the borderRadious to an donut chart?
-
Anonymous
commented
Hi.. Do we have a npm for this. Would be great if we have this
-
Daniel
commented
any progress on this?
-
Andreu Araque
commented
Hi Torstein, what's the status of this feature? Thanks.
-
Andreu Araque
commented
Right now, when the serie on top has a 0 value there is no border radius in that column and it looks strange. There are 2 options, add this in the plugin itself or be able to add a border radius in a data item instead of the complete serie. What do you think?
-
Marc Torrens
commented
Hi Torstein, yes we all work in the same company and we are all very excited with your product and your quick reaction! Thanks a lot. Feel free to contact me for anything.
-
Georgina
commented
Great job Torstein! I hope the dom exception on showing/hiding the series solves soon because is exactly what we were searching for :)
-
Wow, you guys wouldn't happen to work in the same company, would you?
-
Eric Dunstan
commented
Yes, this would provide us needed flexibility. Thank you.
-
Gerhard Stuebing
commented
Would be great!
-
Edward Chang
commented
Yes, would love to see the flexibility
-
Leon Hwang
commented
Definitely. We are looking for this feature and we don't wanna have to switch to a different library for this.
-
Andreu Araque
commented
I think this is an important issue. It is necessary for stacked column charts.