图表的调整方法及仪表盘技术

本发明专利技术提供了图表的调整方法及仪表盘，该方法包括：接收用户输入的设置命令，其中，设置命令用于表征用户针对仪表盘的布局组件页面的初始位置设置信息；根据设置命令，对布局组件页面进行初始位置设置；根据对布局组件页面的初始位置设置，确定图表的初始位置，以能够将图表展示在仪表盘；获取拖拽节点的第一当前位置信息以及占位节点的第二当前位置信息；根据拖拽节点的第一当前位置信息和第一初始位置信息，确定拖拽节点是否发生位移；在确定出拖拽节点发生位移时，将拖拽节点的第一初始位置信息更改为第一当前位置信息，将占位节点的第二初始位置信息更改为第二当前位置信息。本方案可以灵活调整图表的位置。

【技术实现步骤摘要】
图表的调整方法及仪表盘
本专利技术涉及计算机
，特别涉及图表的调整方法及仪表盘。
技术介绍
图表泛指在屏幕中显示的，可直观展示统计信息属性，对知识挖掘和信息直观生动感受起关键性作用的图形结构，是一种很好地将对象属性数据直观、形象地可视化手段。目前，Vue作为一套构建用户界面的渐进式JavaScript框架，被设计为可以自底向上逐层应用。其核心库只关注视图层，方便与第三方库或既有项目整合。一般在VUE中图表的展示，其页面布局都是固定的，需要根据不同位置的图表进行不同的配置。通过上述描述可见，现有技术由于展示图表的页面布局是固定的，从而导致不能灵活调整图表的位置。
技术实现思路
本专利技术实施例提供了图表的调整方法及仪表盘，可以灵活调整图表的位置。第一方面，本专利技术实施例提供了图表的调整方法，应用于仪表盘，包括：接收用户从外部输入的设置命令，其中，所述设置命令用于表征所述用户针对仪表盘的布局组件页面的初始位置设置信息，所述初始位置设置信息包括拖拽节点的第一初始位置信息和占位节点的第二初始位本文档来自技高网...

【技术保护点】
1.图表的调整方法，应用于仪表盘，其特征在于，包括：/n接收用户从外部输入的设置命令，其中，所述设置命令用于表征所述用户针对仪表盘的布局组件页面的初始位置设置信息，所述初始位置设置信息包括拖拽节点的第一初始位置信息和占位节点的第二初始位置信息，所述拖拽节点为图表的左上角节点，所述占位节点用于表征所述拖拽节点所能覆盖的布局节点；/n根据所述设置命令，对所述布局组件页面进行初始位置设置；/n根据对所述布局组件页面的所述初始位置设置，确定所述图表的初始位置，以能够将所述图表展示在所述仪表盘；/n获取所述拖拽节点的第一当前位置信息以及所述占位节点的第二当前位置信息；/n根据所述拖拽节点的所述第一当前位...

【技术特征摘要】
1.图表的调整方法，应用于仪表盘，其特征在于，包括：
接收用户从外部输入的设置命令，其中，所述设置命令用于表征所述用户针对仪表盘的布局组件页面的初始位置设置信息，所述初始位置设置信息包括拖拽节点的第一初始位置信息和占位节点的第二初始位置信息，所述拖拽节点为图表的左上角节点，所述占位节点用于表征所述拖拽节点所能覆盖的布局节点；
根据所述设置命令，对所述布局组件页面进行初始位置设置；
根据对所述布局组件页面的所述初始位置设置，确定所述图表的初始位置，以能够将所述图表展示在所述仪表盘；
获取所述拖拽节点的第一当前位置信息以及所述占位节点的第二当前位置信息；
根据所述拖拽节点的所述第一当前位置信息和所述第一初始位置信息，确定所述拖拽节点是否发生位移；
在确定出所述拖拽节点发生位移时，将所述拖拽节点的第一初始位置信息更改为所述第一当前位置信息，将所述占位节点的第二初始位置信息更改为所述第二当前位置信息，以对所述图表的位置进行调整。


2.根据权利要求1所述的方法，其特征在于，
进一步包括：
所述初始位置设置信息还包括：所述拖拽节点的初始宽度信息以及初始高度信息；
获取所述拖拽节点的当前宽度信息以及当前高度信息；
根据所述初始宽度信息以及所述当前宽度信息，确定所述拖拽节点的宽度是否发生位移；
根据所述初始高度信息以及所述当前高度信息，确定所述拖拽节点的高度是否发生位移；
在确定出所述拖拽节点的所述宽度和/或所述高度发生位移时，将所述拖拽节点的所述初始宽度信息更改为所述当前宽度信息，将所述拖拽节点的所述初始高度信息更改为所述当前高度信息，以对所述图表的尺寸进行调整。


3.根据权利要求1所述的方法，其特征在于，
所述根据所述拖拽节点的所述第一当前位置信息和所述第一初始位置信息，确定所述拖拽节点是否发生位移，包括：
获取所述仪表盘距离图表页面的距离；
根据所述拖拽节点的所述第一当前位置信息确定鼠标距离所述图表页面的距离；
根据所述拖拽节点的所述第一当前位置信息确定所述鼠标距离所述拖拽节点的距离；
通过下述公式，计算所述拖拽节点的位移量，
L＝L1-L2-L3
其中，所述L表示所述拖拽节点的所述位移量，所述L1表示所述鼠标距离所述图表页面的距离，所述L2表示所述仪表盘距离所述图表页面的距离，所述L3表示所述鼠标距离所述拖拽节点的距离；
根据计算出的所述位移量，确定所述拖拽节点是否发生位移。


4.根据权利要求1和2所述的方法，其特征在于，
所述确定所述图表的初始位置，包括：
将所述图表所在的页面映射为坐标网格；
在所述坐标网格中构建坐标系；
将所述图表映射为所述坐标系中的节点；
根据所述初始位置设置信息，利用所述坐标系确定所述节点的坐标信息；
根据所述节点的所述坐标信息以及所述初始位置设置信息中所包括的所述宽度信息和所述高度信息，确定所述图表的初始位置。


5.根据权利要求1-4中任一所述的方法，其特征在于，
进一步包括：
接收所述用户从外部输入的删除指令；
根据所述删除指令，执行对所述图表的删除操作；
和/或，
所述初始设置信息还包括：所述图表的类型、大小以及数据源信息；
接收所述用户从外部输入的编辑指令；
根据所述编辑指令，执行对所述图表的编辑操作，其中，所述编辑操作包括针对所述图表的类型、大小以及...

【专利技术属性】
技术研发人员：陈兆瑞，亓浩，刘胜伟，
申请(专利权)人：山东浪潮通软信息科技有限公司，
类型：发明
国别省市：山东;37