【可视化大屏开发】16. 可视化大屏项目共性优化问题

问题一： echarts引入后图形不显示

解决思路:
可以通过页面显示查看控制台输入的提示信息
排查一，js引入的顺序

排查二：初始化对象时，div定位问题，要有空格

排查三：
echarts.js需要更新到最新版。

问题四：折线图1中点击a标签数据变化，点击无效问题。目前定位发现原因有以下四种：

1. 其他图层遮挡住a标签，导致无法点击生效
2. jquery.js在html中的导入顺序在index.js后面
3. index.js中改折线图的echarts实例对象和option配置项对象没有进项唯一化处理，到时option和echarts对象错位无法匹配，无法更新数据

问题二：1.其他图层块遮挡住了a标签，导致无法点击，如下点击失效

这列问题，可以通过检查，查看能否直接点击到目标标签

解决问题如下：

• 修改标签定位，缩小最上层遮挡标签的大小css文件中echarts图层块的大小
• 换一个小标签。

本案例中，该快，应该叫echart，

2.出现该类问题的原因二

代码如下调整后，问题解决

原因3.解决方案对echarts实例对象和options配置项对象做唯一化处理。

可视化大屏项目参考链接

【可视化大屏开发】1.基础开发环境准备_pblh123的博客-CSDN博客
【可视化大屏开发】2.基础项目配置及大屏布局_pblh123的博客-CSDN博客
【可视化大屏开发】3.大屏配置之数字模块配置_pblh123的博客-CSDN博客
【可视化大屏开发】4.大屏配置之地球模块配置_pblh123的博客-CSDN博客
【可视化大屏开发】5.大屏配置之Echarts入门学习_pblh123的博客-CSDN博客
【可视化大屏开发】6.可视化大屏配置之静态图柱形图1定制_pblh123的博客-CSDN博客
【可视化大屏开发】7.可视化大屏配置之静态图条形图定制_pblh123的博客-CSDN博客
【可视化大屏开发】8. 可视化大屏配置之静态图折线图1定制_pblh123的博客-CSDN博客
【可视化大屏开发】9. 可视化大屏配置之静态图折线图2定制_pblh123的博客-CSDN博客
【可视化大屏开发】10. 可视化大屏配置之静态图饼图1定制_pblh123的博客-CSDN博客
【可视化大屏开发】11. 可视化大屏配置之静态图饼图2定制_pblh123的博客-CSDN博客
【可视化大屏开发】12. 可视化大屏配置之静态图中国地图定制_pblh123的博客-CSDN博客
【可视化大屏开发】13. 可视化大屏配置之打通前后端更新静态图数据_pblh123的博客-CSDN博客
【可视化大屏开发】14. Maven打包可视化大屏项目-发布jar包_pblh123的博客-CSDN博客
【可视化大屏开发】15.可视化大屏项目-网络访问静态数据无法更新问题修复_pblh123的博客-CSDN博客
【可视化大屏开发】16. 可视化大屏项目共性优化问题_pblh123的博客-CSDN博客
17.可视化大屏配置之代码整理资源-CSDN文库
可视化大屏项目动态数据样例资源-CSDN文库