【技术实现步骤摘要】
本专利技术涉及数据处理，具体而言，涉及一种数据元素动态显示方法、装置、终端设备及存储介质。
技术介绍
1、在进行数据可视化前端系统开发时，通常需要判断某些数据记录是否进入了前端可视化区域，从而使得出现在前端可视化区域内的数据记录可呈现给用户。
2、相关技术中，针对每个可视化元素单独进行监听，当监听到一可视化元素的滚动事件后，判断该可视化元素是否处在可视化区域之内，若是，则对该可视化元素进行渲染。
3、但是，相关技术中，当可视化元素数量较多时，会频发触发滚动事件和渲染，针对计算资源有限的显示设备，会导致显示卡顿和屏幕白化的问题。
技术实现思路
1、本专利技术的目的在于，针对上述现有技术中的不足，提供一种数据元素动态显示方法、装置、终端设备及存储介质，以便解决相关技术中所存在的上述技术问题。
2、为实现上述目的，本专利技术实施例采用的技术方案如下：
3、第一方面，本专利技术实施例提供了一种数据元素动态显示方法，包括：
4、将多个数据元素封装为表格对象；
5、若监听到所述表格对象的滚动事件，则判断所述表格对象中处于可视化区域内的第一数据元素的数量，是否满足预设条件；
6、若满足所述预设条件，则根据所述第一数据元素进行渲染，在可视化界面中的所述可视化区域内显示所述第一数据元素。
7、可选的，所述若监听到针对所述表格对象的滚动事件，则判断所述表格对象中处于所述可视化区域内的第一数据元素的数量，是否
8、采用预设的事件监听器，对所述表格对象进行监听；
9、若监听到针对所述表格对象的滚动事件，则判断是否触发所述滚动事件的事件响应；
10、若触发所述滚动事件的事件响应，则判断所述表格对象中处于所述可视化区域内的第一数据元素的数量，是否满足所述预设条件。
11、可选的，所述若监听到针对表格对象的滚动事件，判断是否触发所述滚动事件的事件响应，包括：
12、若监听到针对表格对象的滚动事件，则判断所述表格对象中的所述多个数据元素和所述可视化区域是否存在重叠；
13、若存在重叠，则触发所述滚动事件的事件响应；
14、若不存在重叠，则不触发所述滚动事件的事件响应。
15、可选的，所述判断所述表格对象中处于可视化区域内的第一数据元素的数量，是否满足预设条件，包括：
16、判断所述第一数据元素的数量，是否大于或者等于预设第一阈值；
17、若是，则确定所述第一数据元素的数量，满足所述预设条件。
18、可选的，所述方法还包括：
19、若再次监听到所述表格对象的滚动事件，则判断所述表格对象中处于可视化区域内的第二数据元素的数量，是否大于或者等于预设第二阈值；
20、若是，则确定所述第二数据元素的数量，满足所述预设条件；
21、根据所述第二数据元素进行渲染，在所述可视化区域内呈现所述第二数据元素。
22、可选的，在所述判断所述第一数据元素的数量，是否大于或者等于预设第一阈值之前，所述方法还包括：
23、响应输入的配置操作，获取多个预设阈值，所述多个预设阈值中至少包括：所述预设第一阈值和所述预设第二阈值。
24、可选的，所述若满足所述预设条件，则根据所述第一数据元素进行渲染，在所述可视化区域内呈现所述第一数据元素，包括：
25、若满足所述预设条件，则判断是否发生针对所述可视化界面的刷新事件；
26、若是，则在所述可视化界面中的所述可视化区域内呈现所述第一数据元素。
27、第二方面，本专利技术实施例还提供了一种数据元素动态显示装置，包括：
28、封装模块，用于将多个数据元素封装为表格对象；
29、判断模块，用于若监听到所述表格对象的滚动事件，则判断所述表格对象中处于可视化区域内的第一数据元素的数量，是否满足预设条件；
30、渲染模块，用于若满足所述预设条件，则根据所述第一数据元素进行渲染，在可视化界面中的所述可视化区域内显示所述第一数据元素。
31、可选的，所述判断模块，具体用于采用预设的事件监听器，对所述表格对象进行监听；若监听到针对所述表格对象的滚动事件，则判断是否触发所述滚动事件的事件响应；若触发所述滚动事件的事件响应，则判断所述表格对象中处于所述可视化区域内的第一数据元素的数量，是否满足所述预设条件。
32、可选的，所述判断模块，具体用于若监听到针对表格对象的滚动事件，则判断所述表格对象中的所述多个数据元素和所述可视化区域是否存在重叠；若存在重叠，则触发所述滚动事件的事件响应；若不存在重叠，则不触发所述滚动事件的事件响应。
33、可选的，所述判断模块，具体用于判断所述第一数据元素的数量，是否大于或者等于预设第一阈值；若是，则确定所述第一数据元素的数量，满足所述预设条件。
34、可选的，所述装置还包括：
35、第一判断模块，用于若再次监听到所述表格对象的滚动事件，则判断所述表格对象中处于可视化区域内的第二数据元素的数量，是否大于或者等于预设第二阈值；
36、确定模块，用于若是，则确定所述第二数据元素的数量，满足所述预设条件；
37、呈现模块，用于根据所述第二数据元素进行渲染，在所述可视化区域内呈现所述第二数据元素。
38、可选的，所述装置还包括：
39、获取模块，用于响应输入的配置操作，获取多个预设阈值，所述多个预设阈值中至少包括：所述预设第一阈值和所述预设第二阈值。
40、可选的，所述渲染模块，具体用于若满足所述预设条件，则判断是否发生针对所述可视化界面的刷新事件；若是，则在所述可视化界面中的所述可视化区域内呈现所述第一数据元素。
41、第三方面，本专利技术实施例还提供了一种终端设备，包括：存储器和处理器，所述存储器存储有所述处理器可执行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面任一项所述的数据元素动态显示方法。
42、第四方面，本专利技术实施例还提供了一种计算机可读存储介质，所述存储介质上存储有计算机程序，所述计算机程序被读取并执行时，实现上述第一方面任一项所述的数据元素动态显示方法。
43、本专利技术的有益效果是：本专利技术实施例提供一种数据元素动态显示方法，该数据元素动态显示包括：将多个数据元素封装为表格对象；若监听到表格对象的滚动事件，则判断表格对象中处于可视化区域内的第一数据元素的数量，是否满足预设条件；若满足预设条件，则根据第一数据元素进行渲染，在可视化界面中的可视化区域内显示第一数据元素。表格对象作为一个整体，可以避免滚动事件的频繁触发，监听到滚动事件，并在处于可视化区域内的第一数据元素的数量满足预设条件时，集中对第一数据元素进行渲染，可以避免对数据元素的频繁渲染，针对计算资源有限的显示设备，可以减少显示卡顿和本文档来自技高网...
【技术保护点】
1.一种数据元素动态显示方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述若监听到针对所述表格对象的滚动事件，则判断所述表格对象中处于所述可视化区域内的第一数据元素的数量，是否满足预设条件，包括：
3.根据权利要求2所述的方法，其特征在于，所述若监听到针对表格对象的滚动事件，判断是否触发所述滚动事件的事件响应，包括：
4.根据权利要求1所述的方法，其特征在于，所述判断所述表格对象中处于可视化区域内的第一数据元素的数量，是否满足预设条件，包括：
5.根据权利要求4所述的方法，其特征在于，所述方法还包括：
6.根据权利要求5所述的方法，其特征在于，在所述判断所述第一数据元素的数量，是否大于或者等于预设第一阈值之前，所述方法还包括：
7.根据权利要求1-6任一项所述的方法，其特征在于，所述若满足所述预设条件，则根据所述第一数据元素进行渲染，在所述可视化区域内呈现所述第一数据元素，包括：
8.一种数据元素动态显示装置，其特征在于，包括：
9.一种终端设备，其特征在于，包括
10.一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被读取并执行时，实现上述权利要求1-7任一项所述的数据元素动态显示方法。
...【技术特征摘要】
1.一种数据元素动态显示方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述若监听到针对所述表格对象的滚动事件，则判断所述表格对象中处于所述可视化区域内的第一数据元素的数量，是否满足预设条件，包括：
3.根据权利要求2所述的方法，其特征在于，所述若监听到针对表格对象的滚动事件，判断是否触发所述滚动事件的事件响应，包括：
4.根据权利要求1所述的方法，其特征在于，所述判断所述表格对象中处于可视化区域内的第一数据元素的数量，是否满足预设条件，包括：
5.根据权利要求4所述的方法，其特征在于，所述方法还包括：
6.根据权利要求5所述的方法，其特征在于，在所述判断所述第一数据元素的...
【专利技术属性】
技术研发人员：俞一帆，谭鑫，刘旸，
申请(专利权)人：深圳艾灵网络有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。