[发明专利]报表组件布局信息处理方法及装置

说明书

技术领域

本申请涉及互联网技术领域，尤其涉及一种报表组件布局信息处理方法及装置。

背景技术

数据报表在展示数据方面具有直观且易于理解的优势，因此在各行各业中得到广泛应用。数据报表是数据的传递载体，而数据在数据报表中可通过报表组件来体现，例如表格、折线图、扇形图、柱状图等。一般来说，应用场景不同，这些报表组件之间的排布形式也会不同。其中，报表组件之间的排布形式可称为报表组件之间的布局。

在现有技术中，需要报表配置人员利用编程语言，例如超文本标记语言(Hyper Text Markup Language，HTML)编写数据报表对应的配置文件，该配置文件主要用于配置数据报表的数据、数据与报表组件之间的关联以及报表组件之间的布局。然后，将配置文件固化在机器中，最终由机器根据配置文件生成数据报表。

机器生成数据报表离不开报表组件之间的布局信息。现有报表组件之间的布局也就是报表组件在配置文件中的书写顺序，属于流式布局，得力于HTML的所见即所得以及对这种流式布局的标准支持。基于HTML的配置文件，可以很容易地获取报表组件之间的布局信息，但是这种布局比较单一，无法满足报表组件布局多样性的需求。因此，急需一种既能让用户方便、灵活地配置多样性的组件布局，又能快速、准确地获取到组件之间的布局信息的技术方案。

发明内容

针对现有技术存在的问题，本申请发明人提供一种解决方案，其主要原理是：通过向用户展示图形化界面，图形化界面包括可拖动的报表组件以及布局面板，以供用户通过托动报表组件在布局面板上进行组件布局，达到了方便、灵活地配置多样性的组件布局的目的；另外，针对布局面板构建适配的xy坐标体系，基于xy坐标体系可以得到报表组件之间的布局信息，从而在支持简单、灵活、友好地配置多样性组件布局的基础上，解决了报表组件之间的布局信息的获取问题。

基于上述分析，本申请实施例提供一种报表组件布局信息处理方法，包括：

展示图形化界面，所述图形化界面包括可拖动的报表组件和布局面板，以供用户在所述布局面板上布设目标报表组件；

创建与所述布局面板适配的m*n的xy坐标体系；m为所述布局面板在x轴上占据的单位刻度的个数，n为所述布局面板在y轴上占据的单位刻度的个数，m、n为自然数；

响应于所述用户提交报表组件布局的操作，基于所述xy坐标体系，获取所述目标报表组件之间的布局信息。

在一可选实施方式中，创建与所述布局面板适配的m*n的xy坐标体系，包括：

确定所述布局面板的宽度方向和高度方向分别为所述xy坐标体系中的x轴和y轴；

将所述布局面板的宽度与所述宽度方向上指定的列数k的比值，作为所述xy坐标体系中的单位刻度的取值，其中，m＝k；

标记所述xy坐标体系中的m*n个方格，n＝所述布局面板的高度/所述单位刻度的取值；

为所述m*n个方格分别赋予坐标值。

在一可选实施方式中，为所述m*n个方格分别赋予坐标值，包括：

对所述m*n个方格中的每个方格，基于所述xy坐标体系识别所述方格上四个顶点的坐标值；

从所述方格上四个顶点的坐标值中，选择最小坐标值对应的顶点作为所述方格的坐标顶点，所述坐标顶点的坐标值为所述方格的坐标值。

在一可选实施方式中，在所述用户在所述布局面板上布设所述目标报表组件的过程中，所述方法还包括：

根据所述目标报表组件对所述xy坐标体系中方格的覆盖情况，调整所述目标报表组件在布局面板中的位置和/或大小。

在一可选实施方式中，根据所述目标报表组件对所述xy坐标体系中方格的覆盖情况，调整所述目标报表组件在布局面板中的位置和/或大小，包括：

以移动距离最小为目标，对所述目标报表组件进行拖动和/或缩放，使得所述目标报表组件位于q个相邻的方格内，q为自然数。

在一可选实施方式中，以移动距离最小为目标，对所述目标报表组件进行拖动和/或缩放，使得所述目标报表组件位于q个相邻的方格内，包括：

根据所述目标报表组件上四个顶点的坐标值以及被所述目标组件覆盖到的各方格的坐标值，识别出所述目标报表组件上四个顶点所在的边缘方格；

根据所述目标报表组件上四个顶点在屏幕上的像素坐标以及各自所在边缘方格的顶点在屏幕上的像素坐标，计算所述目标报表组件上四个顶点与各自所在边缘方格之间的距离比；

从所述目标报表组件上四个顶点所在边缘方格中，确定距离比最小的目标方格顶点；