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官网上调试正确,再往自己代码中粘贴。
希望记录的问题能帮助到你~