Echarts柱状图设置柱间距不生效

由于要做进度条样式的柱状图，如图所示，

所以想做点柱子之间的间距，于是设置barGap代码配置如下（这里是错误示范）：

series: [{
          name: '',
          type: 'bar',
          data: this.downLoadChartsData.seriesData,
          barWidth: 8, // 柱图宽度
          barGap: 36, // 柱图之间的间距
       }]

到这里很多人还说不生效，看下边这一句，是重点！！！！！

但是发现不生效，官网配置肯定是没问题的，最后发现是我的grid没有top，只有left，bottom，right，需要把这几个全设置，才生效。

!!正确示范:---------------------------------------------------------------------------------------------------------

series: [{
    name: '',
    type: 'bar',
    data: this.seriesData,
    barWidth: 8, // 柱图宽度
    barGap: 36, // 柱图之间的间距
 }],
 // 注意grid这里上下左右全部都要设置齐全
grid: {
     containLabel: true,
      top:30,
      left: 10,
      right: 10,
      bottom: 8
  },

如果碰巧设置完还不生效，那就是代码其他地方有问题，可以先在echarts官网上调试正确，再往自己代码中粘贴。

希望记录的问题能帮助到你~