效果预览:
问题描述:实现柱与柱之间的间距设置、设置柱状图的宽度!
实现方式:在series设置barWidth(宽度设置)和barGap(间距设置)
barWidth:柱条的宽度;默认自适应,也可设置成相对于类目宽度的百分比及固定值。
barGap:不同系列的柱间距离;默认当前柱条宽度的30%;也可设置成固定值及百分比;下方例子中,设置为-50%,呈现效果如上图所示,柱图之间一半被重叠
上图完整代码:
var BarBOX1 = echarts.init(document.getElementById("test"));
option = {
title : {
text: '某地区蒸发量和降水量',
subtext: '纯属虚构'
},
tooltip : {
trigger: 'axis'
},
legend: {
data:['蒸发量','降水量']
},
toolbox: {
show : true,
feature : {
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line'