echarts柱状图怎么设置柱的宽度_echarts柱状图固定宽度设置、柱状之间的间距

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-22 15:17   18   0

效果预览:

问题描述:实现柱与柱之间的间距设置、设置柱状图的宽度!

实现方式:在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', 'bar']},

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP