可视化大屏数据展示是前端研发内容中的一个重要部分,通过图形图表可以直观展现一些关键的数据指标和数据变化趋势,辅助管理层了解业务状况,及时有效地做出更明智的决策。最近,因工作需要对数据可视化大屏方面研究了一番,特此记录。如有错误之处,欢迎指出!
本文知识导图如下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/3f958b9e069548e0b66f9137d86fdc90.png#pic_center)
案例页面
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/590d65799ce54bda9f191370d5a3e7fb.png#pic_center)
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/afc20eb3a5d841809d6f5ee20b862cc5.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/91186de707654e88b4d3f742d2201c72.png#pic_center)
分析以上三张大屏页面,开发难点主要在于:
- 页面布局(针对整个页面和每个模块如何实现内容宽高的自适应);
- 数据可视化图表库的选择
作为开发人员,数据可视化图表库的选择众多,如echarts、ucharts、highcharts、cha