报表组件布局信息处理方法及装置制造方法及图纸

本申请实施例提供一种报表组件布局信息处理方法及装置。其中，方法包括：展示图形化界面，所述图形化界面包括可拖动的报表组件和布局面板，以供用户在所述布局面板上布设目标报表组件；创建与所述布局面板适配的m*n的xy坐标体系；m为所述布局面板在x轴上占据的单位刻度的个数，n为所述布局面板在y轴上占据的单位刻度的个数，m、n为自然数；响应于所述用户提交报表组件布局的操作，基于所述xy坐标体系，获取所述目标报表组件之间的布局信息。本申请实施例在支持简单、灵活、友好地配置多样性组件布局的基础上，解决了报表组件之间的布局信息的获取问题。

Report component layout information processing method and device

The embodiment of the present invention provides a method and a device for processing the layout information of the report component. The method comprises: displaying the graphical interface, the graphical interface including report component and layout panel can drag, for the user to layout the target report component on the layout panel; XY coordinate system and create the layout panel adapter m*n; m the number of units of the scale layout panel take on the X axis, the n number for the unit scale the layout panel occupy on the Y axis, m, n is a natural number; in response to the user submits the report component layout of the operation, the XY coordinate system based on the layout information acquiring the target report between components. The application example solves the problem of obtaining the layout information between the report components on the basis of supporting the simple, flexible and friendly configuration of the diversity component layout.

【技术实现步骤摘要】
报表组件布局信息处理方法及装置
本申请涉及互联网
，尤其涉及一种报表组件布局信息处理方法及装置。
技术介绍
数据报表在展示数据方面具有直观且易于理解的优势，因此在各行各业中得到广泛应用。数据报表是数据的传递载体，而数据在数据报表中可通过报表组件来体现，例如表格、折线图、扇形图、柱状图等。一般来说，应用场景不同，这些报表组件之间的排布形式也会不同。其中，报表组件之间的排布形式可称为报表组件之间的布局。在现有技术中，需要报表配置人员利用编程语言，例如超文本标记语言(HyperTextMarkupLanguage，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个相邻的方格内，包括：根据所述目标报表组件上四个顶点的坐标值以及被所述目标组件覆盖到的各方格的坐标值，识别出所述目标报表组件上四个顶点所在的边缘方格；根据所述目标报表组件上四个顶点在屏幕上的像素坐标以及各自所在边缘方格的顶点在屏幕上的像素坐标，计算所述目标报表组件上四个顶点与各自所在边缘方格之间的距离比；从所述目标报表组件上四个顶点所在边缘方格中，确定距离比最小的目标方格顶点；移动或缩放所述目标报表组件，以使得所述目标报表组件上位于所述目标方格顶点所在方格内的顶点位于所述目标方格顶点附近。在一可选实施方式中，响应于所述用户提交报表组件布局的操作，基于所述xy坐标体系，获取所述目标报表组件之间的布局信息，包括：基于所述xy坐标体系，获取所述目标报表组件的x轴偏移量、y轴偏移量、宽度和高度；将所述目标报表组件的x轴偏移量、y轴偏移量、宽度和高度作为一个信息项，记录到用于描述所述目标报表组件之间的布局信息的数据串中。在一可选实施方式中，基于所述xy坐标体系，获取所述目标报表组件的x轴偏移量、y轴偏移量、宽度和高度，包括：探测所述xy坐标体系中被所述目标报表组件覆盖的方格组；获取所述方格组中首个被探测到的方格的坐标值，分别作为所述目标报表组件的x轴偏移量和y轴偏移量；获取所述方格组的宽度和高度，作为所述目标报表组件的宽度和高度。在一可选实施方式中，所述方法还包括：将所述数据串转成HTML格式的布局描述文档；存储所述HTML格式的布局描述文档。在一可选实施方式中，将所述数据串转成HTML格式的布局描述文档，包括：根据所述数据串中各信息项中的x轴偏移量和y轴偏移量，创建与所述xy坐标体系对应的HTML表格；在所述HTML表格中，还原所述数据串中各信息项对应的目标报表组件的位置和大小，以得到所述HTML格式的布局描述文档。在一可选实施方式中，根据所述数据串中各信息项中的x轴偏移量和y轴偏移量，创建与所述xy坐标体系对应的HTML表格，包括：从所述数据串中各信息项中的x轴偏移量和y轴偏移量中，获取x轴最大偏移量xMax和y轴最大偏移量yMax；创建包含yMax行、每行包含xMax个单元格的HTML表格。在一可选实施方式中，在所述HTML表格中，还原所述数据串中各信息项对应的目标报表组件的位置和大小，以得到所述HTML格式的布局描述文档，包括：对所述数据串中的每个信息项，根据所述信息项中的x轴偏移量和y轴偏移量，确定所述信息项对应的目标报表组件在所述HTML表格中对应的定位单元格；根据所述信息项中的宽度和高度，确定所述信息项对应的目标报表组件在所述HTML表格中对应的其它单元格；将所述信息项对应的目标报表组件在所述HTML表格中对应的其它单元格合并至所述定位单元格；在处理所有信息项后，删除所述HTML表格中的非定位单元格，以得到所述HTML格式的布局描述文档。在一可选实施方式中，根据所述数据串中各信息项中的x轴偏移量和y轴偏移量，创建与所述xy坐标体系对应的HTML表格，包括：从所述数据串中各信息项中的x轴偏移量和y轴偏移量中，获取x轴最大偏移量xMax和y轴最大偏移量yMax；创建包含yMax+1行、每行包含xMax+1个单元格的HTML表格；锁定所述HTML表格中第一行和第一列中单元格的样式。在一可选实施方式中，在所述HTML表格中，还原所述数据串中各信息项对应的目标报表组件的位置和大小，以得到所述HTML格本文档来自技高网...

【技术保护点】
一种报表组件布局信息处理方法，其特征在于，包括：展示图形化界面，所述图形化界面包括可拖动的报表组件和布局面板，以供用户在所述布局面板上布设目标报表组件；创建与所述布局面板适配的m*n的xy坐标体系；m为所述布局面板在x轴上占据的单位刻度的个数，n为所述布局面板在y轴上占据的单位刻度的个数，m、n为自然数；响应于所述用户提交报表组件布局的操作，基于所述xy坐标体系，获取所述目标报表组件之间的布局信息。

【技术特征摘要】
1.一种报表组件布局信息处理方法，其特征在于，包括：展示图形化界面，所述图形化界面包括可拖动的报表组件和布局面板，以供用户在所述布局面板上布设目标报表组件；创建与所述布局面板适配的m*n的xy坐标体系；m为所述布局面板在x轴上占据的单位刻度的个数，n为所述布局面板在y轴上占据的单位刻度的个数，m、n为自然数；响应于所述用户提交报表组件布局的操作，基于所述xy坐标体系，获取所述目标报表组件之间的布局信息。2.根据权利要求1所述的方法，其特征在于，创建与所述布局面板适配的m*n的xy坐标体系，包括：确定所述布局面板的宽度方向和高度方向分别为所述xy坐标体系中的x轴和y轴；将所述布局面板的宽度与所述宽度方向上指定的列数k的比值，作为所述xy坐标体系中的单位刻度的取值，其中，m＝k；标记所述xy坐标体系中的m*n个方格，n＝所述布局面板的高度/所述单位刻度的取值；为所述m*n个方格分别赋予坐标值。3.根据权利要求1-2任一项所述的方法，其特征在于，响应于所述用户提交报表组件布局的操作，基于所述xy坐标体系，获取所述目标报表组件之间的布局信息，包括：基于所述xy坐标体系，获取所述目标报表组件的x轴偏移量、y轴偏移量、宽度和高度；将所述目标报表组件的x轴偏移量、y轴偏移量、宽度和高度作为一个信息项，记录到用于描述所述目标报表组件之间的布局信息的数据串中。4.根据权利要求3所述的方法，其特征在于，所述方法还包括：将所述数据串转成HTML格式的布局描述文档；存储所述HTML格式的布局描述文档。5.根据权利要求4所述的方法，其特征在于，将所述数据串转成HTML格式的布局描述文档，包括：根据所述数据串中各信息项中的x轴偏移量和y轴偏移量，创建与所述xy坐标体系对应的HTML表格；在所述HTML表格中，还原所述数据串中各信息项对应的目标报表组件的位置和大小，以得到所述HTML格式的布局描述文档。6.根据权利要求5所述的方法，其特征在于，根据所述数据串中各信息项中的x轴偏移量和y轴偏移量，创建与所述xy坐标体系对应的HTML表格，包括：从所述数据串中各信息项中的x轴偏移量和y轴偏移量中，获取x轴最大偏移量xMax和y轴最大偏移量yMax；创建包含yMax行、每行包含xMax个单元格的HTML表格。7.根据权利要求6所述的方法，其特征在于，在所...

【专利技术属性】
技术研发人员：梁福坤，刘海宇，王贺冬，
申请(专利权)人：北京小度信息科技有限公司，
类型：发明
国别省市：北京,11