CN108256126A - 可视化数据大屏的数据配置方法 - Google Patents

Abstract

本发明提供一种可视化数据大屏的数据配置方法，涉及数据可视化领域。本发明在一个可视化区域中显示多个组件，每个组件都对数据进行显示，配置操作简便，能使数据导入即可进行配置，不仅能看到数据，并且能对数据进行交互式分析，使得用户能够同时对多组数据进行分析研究；并且在可视化区域中建立辅助线，使组件能参照辅助线进行位置的调整，并在组件中显示其存在的位置，方便了页面的排版布局。

Description

可视化数据大屏的数据配置方法

技术领域

本发明属于数据可视化领域，特别涉及一种可视化数据大屏的数据配置方法。

背景技术

随着技术的发展和革新，伴随着大数据的处理的应用发展，数据可视化的应用也越来越广泛。

数据可视化主要是借助于图形化手段，清晰有效地传达与沟通信息。而现有的数据可视化工具，仅仅能看到数据，不能一个页面多个视图，做到数据连进来就直接可以直接进行配置的功能，导致使用者不能交互式对多组数据进行分析，无法对多组进行深入挖掘，工作效率低下。

发明内容

为了解决上述问题，本发明提供了一种在传统数据可视化系统基础上，增加了页面编排的可视化数据大屏的数据配置方法。

一种可视化数据大屏的数据配置方法，包括以下步骤：

步骤1，建立可视化区域并配置大小；

步骤2，选择在可视化区域中添加的组件并对组件进行编辑；

步骤3，将可视化区域中的组件的位置进行排布；

步骤4，多个组件在所述可视化区域中构成可视化数据大屏进行显示。

进一步地，所述步骤1包括以下流程：

步骤11，建立可视化区域；

步骤12，对可视化区域的大小进行设置。

进一步地，所述步骤12中对可视化区域的宽高进行设置的方式为：

对所可视化区域的宽高数值进行设置。

进一步地，所述步骤12中对可视化区域的宽高进行设置的方式为：

拖动可视化区域的边框对可视化区域的宽高进行设置。

进一步地，所述步骤2包括以下流程：

步骤21，点击选择需要添加的组件，选择的组件显示在可视化区域中；

步骤22，对可视化区域中的组件进行编辑和数据接入。

进一步地，所述步骤3包括以下流程：

步骤31，点击可视化区域中的组件，可视化区域中建立直角坐标系并显示辅助线；

步骤32，对组件进行位置调整；

步骤33，组件中显示所述组件当前所在位置的坐标信息和组件大小。

进一步地，所述步骤61中点击可视化区域中的组件，可视化区域中建立直角坐标系并显示辅助线的方式为：

点击可视化区域中的组件，可视化区域中建立以可视化区域的宽高为轴的直角坐标系，并显示平行于坐标轴的辅助线。

本发明的有益效果：本发明在一个可视化区域中显示多个组件，每个组件都对数据进行显示，配置操作简便，能使数据导入即可进行配置，不仅能看到数据，并且能对数据进行交互式分析，使得用户能够同时对多组数据进行分析研究；并且在可视化区域中建立辅助线，使组件能参照辅助线进行位置的调整，并在组件中显示其存在的位置，方便了页面的排版布局。

附图说明

图1为本发明实施例的流程图。

图2为图1中步骤1的流程图。

图3为图1中步骤2的流程图。

图4为图1中步骤3的流程图。

具体实施方式

下面结合附图对本发明的实施例做进一步的说明。

请参阅图1，本发明提供一种可视化数据大屏的数据配置方法，具体流程如下：

步骤1，建立可视化区域并配置大小。

请参阅图2，步骤1通过以下流程实现：

步骤11，建立可视化区域。

本实施例中，建立一个大小可调整的可视化区域对数据进行显示。

步骤12，对可视化区域的大小进行设置。

本实施例中，可视化区域大小的设置可以有多种方式。系统中有现有常用屏幕尺寸大小来进行选择，以适配现有主流的屏幕的大小；可以自定义对可视化区域的宽高进行设置，以适配各种用于显示的区域的大小；可视化区域的大小还可以通过拖动可视化区域的边框来对可视化区域的大小进行调整。

本实施例中，可视化区域为矩形，也可以为其它形状来对数据进行显示。

本实施例中，可视化区域大小的调整方式不仅限于此，只要能对可视化区域大小进行调整的方式均可选用。

步骤2，选择在可视化区域中添加的组件并对组件进行编辑。

请参阅图3，步骤2通过以下流程实现：

步骤21，点击选择需要添加的组件，选择的组件显示在可视化区域中。

本实施例中，系统中内置有各种丰富的图形组件，点击选择需要的组件，即可在可视化区域中显示添加的组件。

步骤22，对可视化区域中的组件进行编辑和数据接入。

本实施例中，点击代码配置对组件的一些属性对组件进行编辑。导入数据，组件通过选定的图形形状显示数据信息。

步骤3，将可视化区域中的组件的位置进行排布。

请参阅图4，步骤3通过以下流程实现：

步骤31，点击可视化区域中的组件，可视化区域中建立直角坐标系并显示辅助线。

本实施例中，点击可视化区域中的组件，可视化区域中以可视化区域的宽高为两轴建立直角坐标系，同时，显示平行于坐标轴的辅助线。

步骤32，对组件进行位置调整。

本实施例中，根据生成的辅助线，对组件的位置进行调整。生成的辅助线有助于组件位置调整的精确性。

步骤33，组件中显示所述组件当前所在位置的坐标信息和组件大小。

本实施例中，组件的左上方会显示组件在可视化区域中坐标系的坐标信息及组件的大小。

本实施例中，组件的坐标信息和大小可显示在任意位置。

步骤4，多个组件在所述可视化区域中构成可视化数据大屏进行显示。

本实施例中，通过添加多个组件并调整组件位置后，在可视化区域中形成可供显示的可视化数据大屏。

本领域的普通技术人员将会意识到，这里所述的实施例是为了帮助读者理解本发明的原理，应被理解为本发明的保护范围并不局限于这样的特别陈述和实施例。本领域的普通技术人员可以根据本发明公开的这些技术启示做出各种不脱离本发明实质的其它各种具体变形和组合，这些变形和组合仍然在本发明的保护范围内。

Claims (7)

1.一种可视化数据大屏的数据配置方法，其特征在于，包括以下步骤：

步骤1，建立可视化区域并配置大小；

步骤2，选择在可视化区域中添加的组件并对组件进行编辑；

步骤3，将可视化区域中的组件的位置进行排布；

步骤4，多个组件在所述可视化区域中构成可视化数据大屏进行显示。

2.如权利要求1所述的可视化数据大屏的数据配置方法，其特征在于，所述步骤1包括以下流程：

步骤11，建立可视化区域；

步骤12，对可视化区域的大小进行设置。

3.如权利要求2所述的可视化数据大屏的数据配置方法，其特征在于，所述步骤12中对可视化区域的宽高进行设置的方式为：

对所可视化区域的宽高数值进行设置。

4.如权利要求2所述的可视化数据大屏的数据配置方法，其特征在于，所述步骤12中对可视化区域的宽高进行设置的方式为：

拖动可视化区域的边框对可视化区域的宽高进行设置。

5.如权利要求1所述的可视化数据大屏的数据配置方法，其特征在于，所述步骤2包括以下流程：

步骤21，点击选择需要添加的组件，选择的组件显示在可视化区域中；

步骤22，对可视化区域中的组件进行编辑和数据接入。

6.如权利要求1所述的可视化数据大屏的数据配置方法，其特征在于，所述步骤3包括以下流程：

步骤31，点击可视化区域中的组件，可视化区域中建立直角坐标系并显示辅助线；

步骤32，对组件进行位置调整；

步骤33，组件中显示所述组件当前所在位置的坐标信息和组件大小。

7.如权利要求6所述的可视化数据大屏的数据配置方法，其特征在于，所述步骤61中点击可视化区域中的组件，可视化区域中建立直角坐标系并显示辅助线的方式为：

点击可视化区域中的组件，可视化区域中建立以可视化区域的宽高为轴的直角坐标系，并显示平行于坐标轴的辅助线。