CODEWITHSUNDEEP
javascriptreactjshighchartsresolve
Vishal Pachpande
Vishal Pachpande

Reputation: 540

solution : Manage space between group columns in highchart

enter image description hereI was working with highchart on group columns , well here I had to reduce the size of column but by doing this highchart weirdly managing space between columns when data is less, so I was searching for solution where I found bellow link which is realy helpfull

https://github.com/highcharts/highcharts-react/issues/77

Upvotes: 0

Views: 325

Answers (1)

ppotaczek
ppotaczek

Reputation: 39099

You can manage the space by using pointPadding and groupPadding properties:

plotOptions: {
  series: {
    pointPadding: 0.1,
    groupPadding: 0.3
  }
}

Live demo: http://jsfiddle.net/BlackLabel/6m4e8x0y/4875/

API Reference:

https://api.highcharts.com/highcharts/plotOptions.column.pointPadding

https://api.highcharts.com/highcharts/plotOptions.column.groupPadding

Upvotes: 1

Related Questions