Highcharts：我们可以减少分组柱形图中两个条形之间的距离吗答案

【问题标题】：High charts: Can we reduce the distance between two bars in grouped column chartHighcharts：我们可以减少分组柱形图中两个条形之间的距离吗
【发布时间】：2020-09-16 08:30:52
【问题描述】：

使用 Highcharts 中的这个例子来显示带有负值的分组柱形图 https://www.highcharts.com/demo/column-negative

当我们在 x 轴上的属性较少时，相同值的两个条之间的距离会变宽。我们可以通过使用任何选项来减少这个距离吗？每个月让两个条看起来彼此靠近。附加带有问题的输出。 Sample chart

我使用的选项是：

plotOptions: {
    column: {
       dataLabels: {
          enabled: false
       },
       pointWidth: 15
    },
    series: {
       centerInCategory: true
    }
},

【问题讨论】：

标签： highcharts bar-chart column-chart

【解决方案1】：

使用groupPadding 和pointWidth 属性，您可以调整分组列之间的间距。

 plotOptions: {
    column: {
      dataLabels: {
        enabled: false
      },
      groupPadding:0.35,
      pointWidth: 25
    }
  },

API：
https://api.highcharts.com/highcharts/series.column.groupPadding
https://api.highcharts.com/highcharts/series.column.pointWidth

现场演示：
https://jsfiddle.net/BlackLabel/kfwz7gce/

【讨论】：

工作就像一个魅力。非常感谢。