javascript - 解决方案: Manage space between group columns in highchart

Question

我正在组列上使用 highchart ，在这里我必须减小列的大小，但是当数据较少时，通过执行此 highchart 奇怪地管理列之间的空间，所以我正在寻找解决方案，我发现下面的链接确实很有帮助

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

Answer 1

您可以使用 pointPadding 和 groupPadding 属性来管理空间:

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

<小时/>

现场演示: http://jsfiddle.net/BlackLabel/6m4e8x0y/4875/

API引用:

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

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