这是一个基于Vue 3、Echarts、高德地图和Pinia开发的大屏可视化项目，提供了如下功能 大屏适配 图表组件(Echarts)封装 高德地图组件封装 拖拽布局 入场动画 无缝滚动 源码地址 在

最近在做大屏可视化遇到了一个问题，页面使用transform scale 后 高德地图点位点击偏移， 解决起来也很简单,你只需要把高德地图使用iframe包一层即可，示例

概述 一个大屏页面，其中包含echarts图表和openlayers地图组件。为了达到自适应的效果，使用了css 属性transform:scale()。 该属性会导致地图组件上的点位置偏移的问题。

画布是用来放置控件，作为控件拖拽拉伸的区域限制。画布模块设置背景图片或背景色设置、控件的编排、画布比例的设置、响应式画布、全屏展示等等等。 编辑模式我们是允许可以有滚动条的出现， 但预览模式下的dashboard是用于展示，通常是不允许滚动条出现的。那这种场景我们如何实现，我理…

19年至今, 笔者利用空余时间陆陆续续做了一些开源项目, 大部分开源项目都是以实际价值为开源基础, 所以我觉得有必要做一个总结和复盘,在复盘的过程中希望也能对大家有所帮助.今后笔者的开源项目都会放在这

前言 在做公司做了很多大屏的项目之后，针对于屏幕适配，说实话有很多解决方案，例如媒体查询、scale缩放、Rem、vw等等，但每种方案都有其特定的使用场景，面对不同的项目，我们首先考虑的不是哪种方案最

前言 所谓数据可视化，我们可以理解为从宏观角度来看一眼就能看出来整个数据的占比，走向。对于数据可视化，很多互联网公司是很看重这一块的，包括大厂；就比如阿里的淘宝，双十一的时候往往就需要将消费者的一些数

最近把以前的业务场景及解决方案整理了一下，具体实现的工具如下： 监控-视频文件流、 大屏适配方案、websocket

由于项目需要一个数据大屏页面，所以今天学习了vue结合echarts的图标绘制 首先需要安装ECharts 因为只是在数据大屏页面绘制图表，所以我们无需把它设置为全局变量。 可以直接在该页面引入ech