【已解决】Echarts+Html+LayUI,htlm页面echart重叠

遇到的坑:

问题1

加载一个之后,再点击另一个,可能是某个模板设定的问题,导致出现重叠的情况。
在这里插入图片描述

问题1解决方法:

 // 基于准备好的dom,初始化echarts实例
var div_main = document.getElementById('main')
div_main.removeAttribute("_echarts_instance_");
var myChart = echarts.init(div_main);

在这里插入图片描述
成功:
在这里插入图片描述

小trick总结

1.侧边导航不够显示标题

在这里插入图片描述
解决:
1、改动大小,用style
2、加上悬停出现文字的方法,即
在这里插入图片描述

2.在线上或者柱状图上显示数字的方法

在这里插入图片描述
在这里插入图片描述

参考

echarts重复加载异常

猜你喜欢

转载自blog.csdn.net/qq_34391511/article/details/106996524