javascript - 如何调整条形图highchart中条形之间的距离

Question

highchart问题截图

我想调整 highhcart 条形间距，我想消除两个条形图上的间隙和重叠问题

Answer 1

groupPadding您可以通过使用属性来控制间隙。要删除一组中两列之间的空间，请将pointPadding和设置borderWidth为 0。

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

---

现场演示：http: //jsfiddle.net/BlackLabel/uhkfj93w/

API参考：

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

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