【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重复加载异常

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章