原因:
1、由于tab 切换过程 display:no ,所以设置的div 元素 echart如果按照百分比设置的话是没有这个元素的,echarts就按照对应百分比的数值 用px 代替。例:90% ->90px ;导致显示不全。
解决办法:
1、获取父类的宽度作为基数进行设置
-
$("#chart2").css('width',$(".layui-tab-item").width());
-
var echarts = echarts.init(document.getElementById('chart1')); echarts.setOption(options) echarts.resize();