一种基于Vue的大屏可视化模块拖拽技术的研究制造技术

本发明专利技术公开了大屏数据可视化技术领域的一种基于Vue的大屏可视化模块拖拽技术的研究，本发明专利技术包括的系统组件有计算机、计算机鼠标和可视化大屏组件，所述计算机用于搭载可视化大屏组件，所述计算机鼠标用于改变可视化大屏组件的位置和大小，具体步骤为：通过鼠标选中可视化大屏组件；获取可视化大屏组件坐标及宽高，同时获取鼠标点击时坐标；移动鼠标，计算移动距离：根据移动距离进行边界值判断，并更新可视化大屏组件坐标或宽高；鼠标不松开时循环处理步S3

【技术实现步骤摘要】
一种基于Vue的大屏可视化模块拖拽技术的研究


[0001]本专利技术涉及大屏数据可视化
，具体为一种基于Vue的大屏可视化模块拖拽技术的研究。

技术介绍

[0002]大屏数据可视化是以大屏为主要载体，把相对复杂、抽象的数据通过可视的方式以一种更直观、人们更容易理解的方式展示出来的手段，更形象地表达数据内在的信息、规律和特征，挖掘数据背后的价值。
[0003]而客户对大屏的需求多种多样，经常需要针对的客户的需求进行相应大屏的开发工作。如果能够将大屏的内容形成一个个的组件，在系统中内置丰富的组件，最终实现通过配置组件快速生成大屏，将能够快速的响应用户对大屏的需求及节省大量的人力成本。在组件配置过程中涉及到组件的位置和大小等相关内容的处理，因此开发出一个通用的可视化模块拖拽组件来处理这些内容很有必要。
[0004]现有的可视化模块拖拽技术多用于可视化大屏展示系统中，较为优秀的模块拖拽技术一般都集成在各自公司的商业化产品中，不对外开放源代码，无法使用。也有一些开源产品但受到开源许可协议限制或者是和系统本身的业务逻辑强相关。而现有的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于Vue的大屏可视化模块拖拽技术的研究，包括的系统组件有计算机、计算机鼠标和可视化大屏组件，其特征在于：所述计算机用于搭载可视化大屏组件，所述计算机鼠标用于改变可视化大屏组件的位置和大小，改变可视化大屏组件的位置和大小具体步骤为：S1：通过鼠标选中可视化大屏组件；S2：获取可视化大屏组件坐标及宽高，同时获取鼠标点击时坐标；S3：移动鼠标，计算移动距离；S4：根据移动距离进行边界值判断，并更新可视化大屏组件坐标或宽高，从而改变可视化大屏组件位置或大小；S5：鼠标不松开时循环处理步S3
‑
S4，鼠标松开则结束拖拽。2.根据权利要求1所述的一种基于Vue的大屏可视化模块拖拽技术的研究，其特征在于：还包括S11：判断可视化大屏组件的锁定状态是否可以拖拽，不可拖拽则返回，所述S11在S1之后和S2之前。3.根据权利要求2所述的一种基于Vue的大屏可视化模块拖拽技术的研究，其特征在于：所述S11中，可视化大屏组件不可拖拽时可以拖拽大屏。4.根据...

【专利技术属性】
技术研发人员：孙强，李尊状，李永保，候金明，
申请(专利权)人：中孚安全技术有限公司中孚信息股份有限公司北京中孚泰和科技发展股份有限公司，
类型：发明
国别省市：