前言 布局（这里采用的是我在实际项目中的配置） 设置项目的最小宽度 min-width,确保项目不会过于小导致布局混乱 横向自适应宽度：采用ant-design的栅栏布局 纵向自适应高度，我一开始采用

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

初始化VUE项目的时候我们会用到vue-cli脚手架来快速生成模板代码。我在vue-cli的基础上，结合工作中不同的项目场景，整理了三个模板，并写了一个Cli小工具来快速拉取这三个模板。具体用法如下： 自动拉取 vue 项目模板的 cli 工具。 vue-admin-templ…

作为数据分析师或者可视化方面的设计师，设计制作可视化大屏是非常加分的一个技能。 在缺少专业大屏软件的情况下，制作一张大屏模板可能需要编写大量的代码搭建iframe布局、接入echart图形。 而帆软大

在拿到设计图后，通常会先通过设计图的布局来思考代码的设计，这也是开始着手写代码前必须要进行的一步，在项目中，我曾遇到，在一张大屏图开发到一半的时候介入，和另一个前端一起进行开发，结果由于她将整张图上的所有图表都放到一个vue文件里面，结果导致整个页面的代码数量级达到上千行，并且…

基于vue2、echarts5的数据大屏，主要用了echarts中的柱状图、折线图、饼图等基础图表，以及地图。

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

大屏可视化屏幕适配的几种方法 公司要开发数据可视化大屏，研究了几天资料，把自己的研究成果发出来，希望能够帮到大家。

在大数据时代，我们经常听到“用数据说话”这句话。但是数据本身只是一个个冰冷的数字，很难直接告诉我们哪些数据是有价值的信息。 只有通过适当的可视化工具来展示和表达数据，才能更直观地向用户传达数据的价值。