Varias páginas de pestañas de layui contienen múltiples echarts, y los echarts se comprimen después de cambiar

Este problema ocurre cuando echarts usa un porcentaje de ancho y alto

Solución: supervise la pestaña e inicialice echarts al hacer clic en la pestaña correspondiente

	<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();
	}
});

Supongo que te gusta

Origin blog.csdn.net/aquariusVvZh/article/details/113120308
Recomendado
Clasificación