当前位置: 代码迷 >> 综合 >> 【已解决】Echarts+Html+LayUI,htlm页面echart重叠
  详细解决方案

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

热度:137   发布时间:2023-09-18 18:13:44.0

遇到的坑:

问题1

加载一个之后,再点击另一个,可能是某个模板设定的问题,导致出现重叠的情况。
【已解决】Echarts+Html+LayUI,htlm页面echart重叠

问题1解决方法:

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

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

小trick总结

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

【已解决】Echarts+Html+LayUI,htlm页面echart重叠
解决:
1、改动大小,用style
2、加上悬停出现文字的方法,即
【已解决】Echarts+Html+LayUI,htlm页面echart重叠

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

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

参考

echarts重复加载异常

  相关解决方案