【技术实现步骤摘要】
本专利技术属于计算机，涉及一种页面大数据可视化渲染方法、系统及存储介质。
技术介绍
1、随着大数据技术的发展应用，大数据渲染成为了许多行业中不可或缺的重要环节。页面大数据可视化渲染是指利用大数据技术和算法对海量数据进行分析、处理、挖掘和在浏览器页面可视化展示的过程。常见的，展示过程会将图形渲染在坐标轴中，用柱状图、折线图等图形来呈现，这样可以帮助用户从海量数据中提取有价值的信息。
2、目前，大数据渲染主要是下面几个步骤：（1）不间断地获取设备运行产生的实时变化数据；（2）整合数据，将整合的数据记录到对应的数据库表里；（3）将整合的数据封装并加载渲染系统，使整合的数据通过图形在浏览器页面呈现；这样便可以实现大数据的可视化渲染。但是，由于设备运行时间长及每秒钟都可能会生成数据，数据库中记录的数据就会非常庞大，一旦超量，会导致影响正常渲染，影响情况包括：数据加载时间长且时间不可控、浏览器页面卡顿、浏览器页面崩溃、系统宕机。
3、因此，在面对庞大的数据量时，如何改善数据的加载渲染效率，在浏览器页面快速地实现可视化呈现，是当前急需解决的技术问题。
技术实现思路
1、本专利技术为了解决上述
技术介绍
中的技术问题，提供一种页面大数据可视化渲染方法、系统及存储介质。
2、本专利技术解决上述技术问题的技术方案如下：
3、第一个方面，提供了一种页面大数据可视化渲染方法，应用于服务端中，包括步骤：
4、s1.在数据库中分别创建秒级记录表、分钟级记
5、s2.监控并收集目标设备每秒生成的变化数据，再将每秒变化数据存入秒级记录表；
6、s3.根据目标设备持续生成变化数据的时间间隔，将变化数据进行对应整合，再将整合的数据对应存入分钟级记录表或小时级记录表；
7、s4.接收前端收集到的用户选定的时间范围；
8、s5.根据选定时间范围，确定选定时间范围的采样步长，再根据选定时间范围的采样步长计算需要加载的时间维度，从秒级记录表、分钟级记录表或小时级记录表中获取选定时间范围内的展示数据；
9、s6.将选定时间范围内的展示数据发送给前端进行加载渲染。
10、在其中一个实施例中，所述步骤s3，包括：
11、当目标设备持续生成变化数据的时间间隔达到预设分钟值，将预设分钟内的变化数据进行整合，再将该预设分钟内整合的数据存入分钟级记录表；
12、当目标设备持续生成变化数据的时间间隔达到预设小时值，将预设小时内的变化数据进行整合，再将该预设小时内整合的数据存入小时级记录表。
13、在其中一个实施例中，在所述步骤s4中，所述用户选定的时间范围包括前端页面预置信息列表中默认可选的时间范围、页面预置信息列表中自定义可选的时间范围或在时间轴上选定的时间范围。
14、在其中一个实施例中，所述步骤s5，包括：
15、获取开始时间的秒级时间戳t1，结束时间的秒级时间戳t2，确定采样步长为（t2-t1）；
16、根据选定时间范围的采样步长（t2-t1）计算需要加载的时间维度，计算公式为：（t2-t1）/ p = n，其中 p为可视范围内最多渲染点个数，100≦p≦10000，为一个可变常数；n是一个可变数，当1<n<24 时取秒级记录表，24<n<24×30 时取分钟级记录表，24×30<n取小时级记录表。
17、在其中一个实施例中，在所述步骤s2之前，还包括步骤a：
18、a.在数据库中创建事件记录表，所述事件记录表为自动标签点表和/或手动标签点表；
19、在步骤s3与步骤s4之间，还包括步骤b：
20、b.当目标设备发生事件时，捕获事件数据和事件发生时间，再将事件数据和事件发生时间存入事件记录表，并在事件记录表中生成对应事件的时间定位标签；
21、在步骤s4之后，还包括步骤c：
22、c.根据选定时间范围，将选定时间范围内的时间定位标签和事件数据发送给前端渲染出具有时间定位标签的当前折线。
23、在其中一个实施例中，在步骤s6之后，还包括步骤d至步骤g：
24、d.接收用户输入的缩放渲染图形大小的指令；
25、e.根据缩放渲染图形大小的指令实时获取当前时间范围；
26、f.根据当前时间范围，确定当前时间范围的采样步长，再根据当前时间范围的采样步长实时计算需要加载的时间维度，从秒级记录表、分钟级记录表或小时级记录表中获取当前时间范围内的展示数据；
27、g.将当前时间范围内的展示数据发送给前端进行加载渲染。
28、第二个方面，提供了一种页面大数据可视化渲染方法，应用于前端中，包括步骤：
29、收集到的用户选定的时间范围；
30、将用户选定的时间范围发送给服务端；
31、接收服务端发送的选定时间范围内的展示数据，并将选定时间范围内的展示数据进行加载渲染展示；所述服务端的数据库创建有秒级记录表、分钟级记录表和小时级记录表；所述服务端用于监控并收集目标设备每秒生成的变化数据，再将每秒变化数据存入秒级记录表；所述服务端还用于根据目标设备持续生成变化数据的时间间隔，将变化数据进行对应整合，再将整合的数据对应存入分钟级记录表或小时级记录表；所述服务端还再用于根据选定时间范围，确定选定时间范围的采样步长，再根据选定时间范围的采样步长计算需要加载的时间维度，从秒级记录表、分钟级记录表或小时级记录表中获取选定时间范围内的展示数据。
32、第三个方面，提供了一种页面大数据可视化渲染系统，应用于服务端中，包括：
33、创建时间维度记录表模块，用于在数据库中分别创建秒级记录表、分钟级记录表和小时级记录表；
34、写入秒级数据模块，用于监控并收集目标设备每秒生成的变化数据，再将每秒变化数据存入秒级记录表；
35、整合分钟级小时级数据模块，用于根据目标设备持续生成变化数据的时间间隔，将变化数据进行对应整合，再将整合的数据对应存入分钟级记录表或小时级记录表；
36、接收第一时间范围模块，用于接收前端收集到的用户选定的时间范围；
37、获取第一展示数据模块，用于根据选定时间范围，确定选定时间范围的采样步长，再根据选定时间范围的采样步长计算需要加载的时间维度，从秒级记录表、分钟级记录表或小时级记录表中获取选定时间范围内的展示数据；
38、发送第一展示数据模块，用于将选定时间范围内的展示数据发送给前端进行加载渲染。
39、在其中一个实施例中，所述系统，在所述写入秒级数据模块之前，还包括：
40、创建事件记录表模块，用于在数据库中创建事件记录表，所述事件记录表为自动标签点表和/或手动标签点表；
41、在整合分钟级小时级数据模块与接收第一时间范围模块之间，还包括：
本文档来自技高网...
【技术保护点】
1.一种页面大数据可视化渲染方法，其特征在于，应用于服务端中，包括步骤：
2.根据权利要求1所述的页面大数据可视化渲染方法，其特征在于，所述步骤S3，包括：
3.根据权利要求1所述的页面大数据可视化渲染方法，其特征在于，在所述步骤S4中，所述用户选定的时间范围包括前端页面预置信息列表中默认可选的时间范围、页面预置信息列表中自定义可选的时间范围或在时间轴上选定的时间范围。
4.根据权利要求1所述的页面大数据可视化渲染方法，其特征在于，所述步骤S5，包括：
5.根据权利要求1所述的页面大数据可视化渲染方法，其特征在于，在所述步骤S2之前，还包括步骤A：
6.根据权利要求1所述的页面大数据可视化渲染方法，其特征在于，在步骤S6之后，还包括步骤D至步骤G：
7.一种页面大数据可视化渲染方法，其特征在于，应用于前端中，包括步骤：
8.一种页面大数据可视化渲染系统，其特征在于，应用于服务端中，包括：
9.根据权利要求8所述的页面大数据可视化渲染系统，其特征在于，在所述写入秒级数据模块之前，还包括：
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1至7任一项所述页面大数据可视化渲染方法。
...【技术特征摘要】
1.一种页面大数据可视化渲染方法，其特征在于，应用于服务端中，包括步骤：
2.根据权利要求1所述的页面大数据可视化渲染方法，其特征在于，所述步骤s3，包括：
3.根据权利要求1所述的页面大数据可视化渲染方法，其特征在于，在所述步骤s4中，所述用户选定的时间范围包括前端页面预置信息列表中默认可选的时间范围、页面预置信息列表中自定义可选的时间范围或在时间轴上选定的时间范围。
4.根据权利要求1所述的页面大数据可视化渲染方法，其特征在于，所述步骤s5，包括：
5.根据权利要求1所述的页面大数据可视化渲染方法，其特征在于，在所述...
【专利技术属性】
技术研发人员：谢卓伟，姜咏杰，王东，罗凯，汪维，黄传波，
申请(专利权)人：成都云祺科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。