为了账号安全,请及时绑定邮箱和手机立即绑定

echarts柱状图柱子宽度自适应浏览器宽度,不重叠

echarts柱状图柱子宽度自适应浏览器宽度,不重叠

萧十郎 2019-03-09 15:51:36
问题描述柱状图柱子的宽度根据浏览器宽度只适应,比如有10根柱子,初始化显示的时候如果浏览器宽度小,那么要求柱子不能有重叠,问题出现的环境背景及自己尝试过哪些方法echart中柱状图的api有一个barWidth,这个怎么写动态的宽度相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码)series: [    {       data: yArr,       type: 'bar',       barWidth: '40',       barCategoryGap: '0',       itemStyle: {         normal: {           color: function (params) {             var colorList = color;             return colorList[params.dataIndex];           }         }       }     },{       data: varianceArr,       type: 'line',       yAxisIndex: 1,     }   ]你期待的结果是什么?实际看到的错误信息又是什么?期待可以看到的是,当浏览器宽度小时,柱子没重合的。柱子的个数是从接口数据中返回的,有可能10个,也有可能更多,不是固定的
查看完整描述

2 回答

?
哈士奇WWW

TA贡献1799条经验 获得超6个赞

柱状图本身就是自适应宽度的吧

查看完整回答
反对 回复 2019-03-09
?
四季花海

TA贡献1811条经验 获得超5个赞

https://img1.sycdn.imooc.com//5c8370ac00017b4708000359.jpg

可以做一个适应,类似于这个

查看完整回答
反对 回复 2019-03-09
  • 2 回答
  • 0 关注
  • 1128 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信