CODEWITHSUNDEEP
highcharts
bigpotato
bigpotato

Reputation: 27507

Highcharts JS: How do I decrease the spacing between Y values?

I want my bar chart to look like this:

enter image description here

But currently the spacing between my bars is too wide:

enter image description here

I tried looking up the docs but I don't know what the terminology is and couldn't find it. Which options would I pass to shrink the amount of spacing between the y values?

Upvotes: 0

Views: 128

Answers (1)

Raein Hashemi
Raein Hashemi

Reputation: 3384

You can use pointPadding and groupPadding. groupPadding is the padding between each value groups, in x axis units. pointPadding is the padding between each column or bar, in x axis units:

plotOptions: {
        series: {
            pointPadding: 0.05,
            groupPadding: 0.05,
        }
}

Here's a DEMO.

Upvotes: 2

Related Questions