一种页面大数据可视化渲染方法、系统及存储介质与流程

本发明属于计算机，涉及一种页面大数据可视化渲染方法、系统及存储介质。

背景技术：

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、在整合分钟级小时级数据模块与接收第一时间范围模块之间，还包括：

42、存入事件信息模块，用于当目标设备发生事件时，捕获事件数据和事件发生时间，再将事件数据和事件发生时间存入事件记录表，并在事件记录表中生成对应事件的时间定位标签；

43、在接收第一时间范围模块之后，还包括：

44、发送事件信息模块，用于根据选定时间范围，将选定时间范围内的时间定位标签和事件数据发送给前端渲染出具有时间定位标签的当前折线。

45、在其中一个实施例中，所述系统，在发送第一展示数据模块之后，还包括

46、接收缩放图形指令模块，用于接收用户输入的缩放渲染图形大小的指令；

47、确定当前时间范围的采样步长模块，用于根据缩放渲染图形大小的指令实时获取当前时间范围；

48、获取第二展示数据模块，用于根据当前时间范围，确定当前时间范围的采样步长，再根据当前时间范围的采样步长实时计算需要加载的时间维度，从秒级记录表、分钟级记录表或小时级记录表中获取当前时间范围内的展示数据；

49、发送第二展示数据模块，用于将当前时间范围内的展示数据发送给前端进行加载渲染。

50、第四个方面，提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述页面大数据可视化渲染方法。

51、本发明的有益效果是：

52、（1）本发明将设备产生的数据进行逻辑分表记录，分别将变化数据存储在秒级记录表、分钟级记录表和小时级记录表，这样可以有效调整数据存放的维度，并获得合适时间维度的数据，进而避免庞大数据量的影响；

53、（2）本发明创建的秒级记录表、分钟级记录表和小时级记录表会同时进行作用，这样可以实时进行时间升维处理和时间降维处理，让页面可视化粒度实时可控，保障了缓存开销，保障了24小时不间断的监控和渲染；

54、（3）本发明通过进行逻辑分表记录，可以确保毫秒级完成设备历史运行数据的获取、整合与页面渲染。