how to adjust distance between to bars in bar chart highchart

Question

I want to adjust the highhcart bars spacing, I want to remove gaps and overllaping issue on two bar charts

You need to show code please showing what you have tried and show your issues. — DRNR, Dec 14 '21 at 10:35

score 0 · Answer 1 · answered Dec 14 '21 at 10:39

0

You can control the gap by using groupPadding property. To remove the space between two columns in one group, set pointPadding and borderWidth to 0.

plotOptions: {
    series: {
        borderWidth: 0,
        groupPadding: 0.1,
        pointPadding: 0
    }
}

Live demo: http://jsfiddle.net/BlackLabel/uhkfj93w/

API Reference:

https://api.highcharts.com/highcharts/series.bar.pointPadding

https://api.highcharts.com/highcharts/series.bar.groupPadding

answered Dec 14 '21 at 10:39

ppotaczek

36,341
2
14
24

after increasing group padding, its decreasing the size of bar @ppotaczek – Juberkhan Pathan Dec 15 '21 at 08:56
Hi @Juberkhan Pathan, So, you need to increase `chart.height`. Example: http://jsfiddle.net/BlackLabel/vkw02s35/ – ppotaczek Dec 15 '21 at 11:48

how to adjust distance between to bars in bar chart highchart

1 Answers1