可爱鲸官网：keaijing.com.cn/

数据大屏web开发讲解

前端大屏开发在项目中也比较常用，这里就有针对性的讲解一下。前端框架用的是vue。

大屏开发技术点：

1.  可视化图表库echarts 。灵活应用。解决90%的大屏效果。

2.  SVG，大屏不失真。设计图的高还原度

3.  数据动态效果。css动画。

4.  大屏的适配。基本是1920 x 1080

5.  地图（高德、腾讯、百度地图）自定义运用

6.  chatGPT，提供很好的解决方案和解题思路。

关于echarts , 基于canvas绘制。所以，你要对canvas有个基础的认知和了解。

常用的图表，直接看官网的示例即可。

这里说下，散点图、词云图、关系图谱、地图。

词云是基于echarts的扩展，需要另外引入扩展插件 echarts-wordcloud

关系图谱