mikegriff3
Posts: 2
Joined: Sun Mar 17, 2024 9:39 pm

Bar Chart Start Position and Rounded Column

I am having an issue where my bar column is starting earlier than expected. I would also like both ends of the column to be rounded.

Here is my current chart:

https://imgur.com/a/aSaBjXx

Here is how I want it to look:

https://imgur.com/a/YNZW3DI

Here is the chart recreated in a codepen:

https://codepen.io/mikegriff3/pen/VwJgEKv
andrzej.b
Posts: 134
Joined: Mon Jul 15, 2024 12:34 pm

Re: Bar Chart Start Position and Rounded Column

Hi @mikegriff3,

Thanks for contacting us with your question!

In a bar chart, there is no straightforward way to get around this issue, especially no way to get rounded edges of the bar next to the axis. Luckily, there is a possible workaround with a different series type: columnrange.

I prepared a sample implementation using your setup: https://jsfiddle.net/andrzej_b/dry8hbj9/

I hope you will find it useful.

Best regards,
Andrzej

Return to “Highcharts Usage”