layui多个tab页包含多个echarts,切换之后echarts被压缩

当echarts宽高使用百分比时会出现此问题

解决: 监听tab,点击对应tab时将echarts初始化

	<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"></div>
		
 	// 监听选项卡 docDemoTabBrief 对应div lay-filter="docDemoTabBrief"
    element.on('tab(docDemoTabBrief)', function (elem) {
    
    
      // console.log(elem.index)
      var name;
      if (elem.index == 0) {
    
    
      name = echarts.init(document.getElementById('main1'), 'macarons');
      name.resize();
	}
});

猜你喜欢

转载自blog.csdn.net/aquariusVvZh/article/details/113120308
今日推荐