[发明专利]数据渲染系统、方法及电子设备

权利要求书

1.一种数据渲染方法，用于针对网页中的表格数据进行渲染，其特征在于，包括：

建立虚拟数据表，并于所述虚拟数据表中定义显示区、顶部隐藏区、以及底部隐藏区，且针对所述显示区设定显示高度；

获取待渲染的目标数据，并针对所述目标数据执行行垂直高度转换处理，以获得各所述目标数据的渲染行垂直高度，其中，所述渲染行垂直高度用于定义所述目标数据的所在数据行在所述虚拟数据表中的绝对高度位置；

获取滚动条的当前位置，并根据所述显示区的所述显示高度，计算最小显示行垂直高度和最大显示行垂直高度；以及

提取所述渲染行垂直高度大于等于所述最小显示行垂直高度且小于等于所述最大显示行垂直高度的所述目标数据，并将所述目标数据渲染至所述显示区中；提取所述渲染行垂直高度小于所述最小显示行垂直高度的所述目标数据，并累计各所述目标数据的所述渲染行垂直高度以生成顶部行垂直高度累计变量，并将所述顶部行垂直高度累计变量作为所述顶部隐藏区的高度值；提取所述渲染行垂直高度大于所述最大显示行垂直高度的所述目标数据，并累计各所述目标数据的所述渲染行垂直高度以生成底部行垂直高度累计变量，并将所述底部行垂直高度累计变量作为所述底部隐藏区的高度值。

2.根据权利要求1所述的数据渲染方法，其特征在于，所述方法还包括借由显示屏幕显示被渲染至所述显示区的所述目标数据。

3.根据权利要求2所述的数据渲染方法，其特征在于，所述方法还包括：

设定所述虚拟数据表的显示宽度，其中，所述显示宽度用于定义所述虚拟数据表中的各数据行可显示的所述目标数据的数量；以及

获取所述目标数据的总数量，并依据所述显示宽度对所述目标数据执行所述行垂直高度转换处理。

4.根据权利要求3所述的数据渲染方法，其特征在于，所述显示区的所述显示高度和/或所述显示宽度为固定参数。

5.根据权利要求3所述的数据渲染方法，其特征在于，所述显示区的所述显示高度和/或所述显示宽度为可变参数，且所述方法还包括：

设定与所述显示屏幕的显示规格相对应的所述显示区的所述显示高度和/或所述显示宽度；以及

识别所述显示屏幕的显示规格，据以获取所述显示区的所述显示高度和/或所述显示宽度。

6.根据权利要求1所述数据渲染方法，其特征在于，所述目标数据包括多种数据类型，且不同数据类型的所述目标数据对应的渲染行高为不同，所述方法还包括：

设定单位渲染行高，并以所述单位渲染行高为基数，定义各所述数据类型的所述目标数据所对应的所述渲染行高；以及

识别所述目标数据的所述数据类型，以获取与所述数据类型所对应的所述渲染行高，并据以针对所述目标数据执行所述行垂直高度转换处理。

7.根据权利要求6所述的数据渲染方法，其特征在于，所述方法还包括：

累加所述虚拟数据表中的所述单位渲染行垂直高度，以计算所述虚拟数据表的总高度。

8.根据权利要求7所述的数据渲染方法，其特征在于，当所述虚拟数据表的总高度大于所述显示区的显示高度时，可在所述显示区中生成侧边栏及所述滚动条，其中，所述滚动条在所述侧边栏所定义的滚动范围内滚动，且所述方法还包括：

渲染所述滚动条相对于所述侧边栏的占比大小，通过将所述显示区的所述显示高度除以所述虚拟数据表的总高度以得到高度比例，再将所述高度比例乘以所述显示区的所述显示高度，以定义所述滚动条相对于所述侧边栏的占比大小。

9.根据权利要求1所述的数据渲染方法，其特征在于，所述方法还包括：

将所述滚动条的所述当前位置作为所述最小显示行垂直高度值；以及

计算所述最小行垂直高度值与所述显示区的所述显示高度之和，以获得所述最大显示行垂直高度值。