数据渲染系统、方法及电子设备.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112182444A(43)申请公布日2021.01.05(21)申请号201910584588.2(22)申请日2019.07.01(71)申请人上海宏路数据技术股份有限公司地址200235上海市徐汇区钦州路100号1号楼303室(72)发明人蔡文渊郭小铭(74)专利代理机构上海沪慧律师事务所31311代理人梁建中(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书4页说明书10页附图3页(54)发明名称数据渲染系统、方法及电子设备(57)摘要本申请提供一种数据渲染系统、方法及电子设备，包括建立具有显示区的虚拟数据表，执行行垂直高度转换处理以获得目标数据的渲染行垂直高度，再根据滚动条的当前位置计算最小显示行垂直高度和最大显示行垂直高度，据以提取渲染行垂直高度介于最小显示行垂直高度和最大显示行垂直高度之间的目标数据并渲染至显示区中以最终呈现给用户，借此，本申请能按需渲染网页中的表格数据，可以改善浏览器的渲染性能并节省计算机资源。CN112182444ACN112182444A权利要求书1/4页1.一种数据渲染方法，用于针对网页中的表格数据进行渲染，其特征在于，包括：建立虚拟数据表，并于所述虚拟数据表中定义显示区、顶部隐藏区、以及底部隐藏区，且针对所述显示区设定显示高度；获取待渲染的目标数据，并针对所述目标数据执行行垂直高度转换处理，以获得各所述目标数据的渲染行垂直高度，其中，所述渲染行垂直高度用于定义所述目标数据的所在数据行在所述虚拟数据表中的绝对高度位置；获取滚动条的当前位置，并根据所述显示区的所述显示高度，计算最小显示行垂直高度和最大显示行垂直高度；以及提取所述渲染行垂直高度大于等于所述最小显示行垂直高度且小于等于所述最大显示行垂直高度的所述目标数据，并将所述目标数据渲染至所述显示区中；提取所述渲染行垂直高度小于所述最小显示行垂直高度的所述目标数据，并累计各所述目标数据的所述渲染行垂直高度以生成顶部行垂直高度累计变量，并将所述顶部行垂直高度累计变量作为所述顶部隐藏区的高度值；提取所述渲染行垂直高度大于所述最大显示行垂直高度的所述目标数据，并累计各所述目标数据的所述渲染行垂直高度以生成底部行垂直高度累计变量，并将所述底部行垂直高度累计变量作为所述底部隐藏区的高度值。2.根据权利要求1所述的数据渲染方法，其特征在于，所述方法还包括借由显示屏幕显示被渲染至所述显示区的所述目标数据。3.根据权利要求2所述的数据渲染方法，其特征在于，所述方法还包括：设定所述虚拟数据表的显示宽度，其中，所述显示宽度用于定义所述虚拟数据表中的各数据行可显示的所述目标数据的数量；以及获取所述目标数据的总数量，并依据所述显示宽度对所述目标数据执行所述行垂直高度转换处理。4.根据权利要求3所述的数据渲染方法，其特征在于，所述显示区的所述显示高度和/或所述显示宽度为固定参数。5.根据权利要求3所述的数据渲染方法，其特征在于，所述显示区的所述显示高度和/或所述显示宽度为可变参数，且所述方法还包括：设定与所述显示屏幕的显示规格相对应的所述显示区的所述显示高度和/或所述显示宽度；以及识别所述显示屏幕的显示规格，据以获取所述显示区的所述显示高度和/或所述显示宽度。6.根据权利要求1所述数据渲染方法，其特征在于，所述目标数据包括多种数据类型，且不同数据类型的所述目标数据对应的渲染行高为不同，所述方法还包括：设定单位渲染行高，并以所述单位渲染行高为基数，定义各所述数据类型的所述目标数据所对应的所述渲染行高；以及识别所述目标数据的所述数据类型，以获取与所述数据类型所对应的所述渲染行高，并据以针对所述目标数据执行所述行垂直高度转换处理。7.根据权利要求6所述的数据渲染方法，其特征在于，所述方法还包括：累加所述虚拟数据表中的所述单位渲染行垂直高度，以计算所述虚拟数据表的总高度。2CN112182444A权利要求书2/4页8.根据权利要求7所述的数据渲染方法，其特征在于，当所述虚拟数据表的总高度大于所述显示区的显示高度时，可在所述显示区中生成侧边栏及所述滚动条，其中，所述滚动条在所述侧边栏所定义的滚动范围内滚动，且所述方法还包括：渲染所述滚动条相对于所述侧边栏的占比大小，通过将所述显示区的所述显示高度除以所述虚拟数据表的总高度以得到高度比例，再将所述高度比例乘以所述显示区的所述显示高度，以定义所述滚动条相对于所述侧边栏的占比大小。9.根据权利要求1所述的数据渲染方法，其特征在于，所述方法还包括：将所述滚动条的所述当前位置作为所述最小显示行垂直高度值；以及计算所述最小行垂直高度值与所述显示区的所述显示高度之和，以获得所述最大显示行垂直高度值。10.根