建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…

可视化大屏基本就是数据可视化，主题多为科技感为主。下面分享一些也许对你有用的css效果，都是比较简单的，如果后面有别的还会更新。

整理全网最全大屏设计资源，包括各类智慧大屏，axure高保真大屏原型，大屏设计参考思路，大屏设计可视化图片，如何学习设计大屏等。 Gitee仓库地址：https://gitee.com/AiShiYu

最近公司有几个大屏项目，就想着在闲暇时间做一个大屏编辑器也顺带学习一下vue3，在这里简单记录一下...

信息时代，数据是一种可贵的资源，我们可能经常听到的一句话就是：用数据说话。但是，在没有进行系统化整理之前，数据不过只是一串串冰冷的数字，我们很难从大量的数据中获取到有价值的信息。只有通过合适的可视化工具，才能更加直观的感受到数据所带来的变化，为接下来的工作提供支持，这就是可视化…

小编最经常的工作是将一些项目的数据从数据库导出，然后分门别类的列到excel表格中，领导看起来眼花缭乱。 小编想，要是能以图表可视化展现出来，领导就可以看到项目近几个月的走势，也知道之后要怎么决策了。小编尝试了使用excel制作图表，由于操作复杂，小编放弃了，于是小编在网上找到…