基于VUE和Gojs构建可拖拽的个性化布局的方法和系统技术方案

本发明专利技术提供一种基于VUE和Gojs构建可拖拽的个性化布局的方法、系统、存储介质和电子设备，涉及可视化建模技术领域。本发明专利技术包括，基于el

【技术实现步骤摘要】
基于VUE和Gojs构建可拖拽的个性化布局的方法和系统


[0001]本专利技术涉及可视化建模
，具体涉及一种基于VUE和Gojs构建可拖拽的个性化布局的方法、系统、存储介质和电子设备。

技术介绍

[0002]数据可视化是将定量数据转换为图形的艺术，例如图表、图形、表格或信息图表。数据可视化的目标是为接收者提供全面而易于理解的信息展示，无论是一小部分基本指标，还是需要可视化的大量大数据。
[0003]为实现系统可制定应用以及模型的展现，且可供非专业人员进行实施，有必要设计一种可视化、可拖拽的自定义工具。

技术实现思路

[0004](一)解决的技术问题
[0005]针对现有技术的不足，本专利技术提供了一种基于VUE和Gojs构建可拖拽的个性化布局的方法、系统、存储介质和电子设备，解决了现有技术无法实现系统可制定应用以及模型的展现，且可供非专业人员进行实施的技术问题。
[0006](二)技术方案
[0007]为实现以上目的，本专利技术通过以下技术方案予以实现：
[0008]一种基于VUE和本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于VUE和Gojs构建可拖拽的个性化布局的方法，其特征在于，包括：S1、基于el
‑
tree创建VUE树形组件；S2、基于Gojs选中任一个节点拖拽至空白画布上，展示节点及连线操作；S3、封装拖拽移动的节点，进行组件注册的数据传入。2.如权利要求1所述的基于VUE和Gojs构建可拖拽的个性化布局的方法，其特征在于，所述S1
的
el
‑
tree拖拽设置如下：节点开始拖拽时触发的事件；在拖拽节点时触发的事件；判断节点能否被拖拽；拖拽成功完成时触发的事件。3.如权利要求1所述的基于VUE和Gojs构建可拖拽的个性化布局的方法，其特征在于，所述S2中的画布的基础设置如下：创建画布容器；初始化模型图的中心位置所在坐标；节点拖拽时基本的属性设置。4.如权利要求3所述的基于VUE和Gojs构建可拖拽的个性化布局的方法，其特征在于，所述S2中拖拽至画布上的节点展示设置如下：设置节点的布局面板；设置节点背景色；设置容器用来保存其他子节点；设置节点形状。5.如权利要求4所述的基于VUE和Gojs构建可拖拽的个性化布局的方法，其特征在于，所述S2中模型与可视化输出之间的连线操作设置如下：通过GraphLinksModel属性设置模型；对nodeDataArray属性添加节点列表；利用fromto语法的应用实现两个节点间的连线；使用linkDataArray将已连接的节点作为整个对象返回给画布。6.如权利要求1～5任一项...

【专利技术属性】
技术研发人员：陈海文，吴继冰，朱蒙娜，姚萍，孟卓鹏，张宏，杨小琳，
申请(专利权)人：中国人民解放军国防科技大学，
类型：发明
国别省市：