大数据降采样折线图信息显示方法及系统及装置及介质与流程

本发明涉及数据处理领域，具体地，涉及一种大数据降采样折线图信息显示方法及系统及装置及介质。

背景技术：

1、数据可视化是一种数据展示的常见方式，web端是触达受众最为广泛，最快的选项。因为统一的web开发标准，是跨操作系统，跨设备的。目前互联网公司通常有这几大类的可视化需求：通用报表、移动端图表、大屏可视化、图编辑与图分析、以及地理可视化。开发过程中面临的85％以上的需求都是通用报表的需求，可以使用一般的图表库来满足日常的开发需求，行业内比较常用的图表库有：highcharts、echarts、chartjs等。其中，折线图的使用尤为重要，适合于二维的大数据集，尤其是那些趋势比单个数据点更重要的场合。多条折线图的比较也是方便用户进行数据对比与分析的有效手段。然而，随着数据量的进一步扩大，就会遇到网络带宽、图形渲染速度等方面的问题，降低了用户体验。降采样通常用于降低数据大小，即在绘制折线图之前，通过当前通用的降采样算法，以保留特征值的方式对大数据量数据进行采样后，对采样后的数据进行绘制，可有效解决网络带宽瓶颈、提高图形渲染速度。

2、降采样算法是通过保留特征值的方式对大数据量数据进行采样后，从而获得采样后的数据。假设y轴数据不断变化，那么对应的x轴横坐标数组可能会不一致。这时会出现如下两种情况：1、绘制单条折线图，轮询数据，假设y轴数据不断变化，用户查看某个x轴横坐标时系统默认对应下标index；下一次轮询数据时，由于x轴横坐标数组可能会变化，而系统默认记录的x轴横坐标数组下标index不变，从而导致该数组的x轴横坐标会发生变化，这种情况不是用户所希望的，例如当原始数据为1,2,3,4,5.....10000个数据，1,2,3对应x轴值；对数据进行降采样到100个数据，当经过将采样后，第一次降采样后可能1,5,13,20,22,31...9998；这一系列的x轴数据，当第二次将采样后，数据可能变为2,8,12,20,32，...9999这样的数据，那么假如用户第一次鼠标选中的是5这个x轴，用户后面就一直想观测x轴为5这个点的数据，但是第二次或者以后降采样过后可能都没有x轴为5这个数据值了(因为被降采样过滤掉了)，所以说x轴数据发生了变化；2、绘制多折线图时，无论是否轮询的情况下，假设每条折线图y轴数据各不相同，那么各条折线图过滤后的x轴横坐标数组也不一一对应，例如，正常情况x轴为一个连续数据1,2,3,4,5,6，过滤后第一次为1,3,6；第二次可能就是2,3,5了；用户在查看某个x轴横坐标时，仅仅能够查询到过滤后在该x轴横坐标有y值的(不一定是所有)折线图数据，从而不能够查询到所有折线图在该x轴横坐标对应的y值，这种缺失信息的情况也不是用户所希望的。通过行业内比较常用的图表库比如highcharts、echarts、chartjs等进行预研后，发现降采样下折线图点位信息缺失的情况是普遍存在的。

技术实现思路

1、为解决上述问题，本发明提供了一种大数据降采样折线图信息显示方法，所述方法包括：

2、步骤1：获得至少一组原始数组，所述原始数组为二维数组，其中，原始数组中每个元素均包括一个x值和对应的y值；

3、步骤2：对至少一组原始数组进行降采样处理，获得至少一组第一数组；

4、步骤3：将至少一组第一数组输入图表库，图表库中对应生成至少一条折线图；

5、步骤4：监听鼠标悬停事件，若监听到鼠标悬停事件，获得鼠标悬停在折线图可视区域内第一点位对应的第一下标信息，以及获得鼠标悬停在折线图可视区域内第一点位对应的折线图的第一身份信息；

6、步骤5：根据第一身份信息获得该折线图对应的第一数组，在该第一数组中通过第一下标信息找到对应的第一x轴坐标信息；

7、步骤6：基于第一x轴坐标信息在原始数组中找到x值为第一x轴坐标信息的点位数据，将找到的点位数据作为待插入数组；

8、步骤7：循环所有第一数组，判断所有第一数组中是否存在待插入数组，若存在则不插入；若不存在，则将待插入数组添加到对应折线的第一数组中，并将插入后的数组中的元素按照x值大小进行排序获得最终数组；

9、步骤8：触发鼠标悬停事件显示提示框，所述提示框中显示最终数组中每条折线图在第一点位对应的所有y值数据。

10、其中，本方法通过记录用户想要查看的x轴横坐标，并将该x轴横坐标与找到的y轴信息组合成将要插入的点，将该点插入到该折线图的过滤后数据中，补全缺失的y轴信息，实现了降采样下折线图点位信息缺失补全。

11、优选的，若图表库中有多条折线图，则多条折线图位于同一坐标系中且共用一条x轴。

12、优选的，所述步骤2通过保留特征值的方式对至少一组原始数组进行降采样处理。通过降采样可以在保留数据特征的同时降低数据量，便于对数据进行处理。

13、优选的，所述步骤1还包括将所述至少一组原始数组输入图表库生成原始折线图；所述步骤3包括：将至少一组第一数组输入图表库，图表库中对应生成至少一条折线图对所述原始折线图进行更新。通过更新的方式能够便于观察折线图的变化。

14、优选的，所述步骤3中，至少一组第一数组一次性输入图表库或多组第一数组按照预设时间间隔依次输入图表库。通过定时传入折线图的数据，可以看到某个时间段内数据连续变化的形式

15、为实现发明目的，本发明还提供了一种折线图点位信息显示系统，所述系统包括：

16、获得单元，用于获得至少一组原始数组，所述原始数组为二维数组，其中，原始数组中每个元素均包括一个x值和对应的y值；

17、降采样单元，用于对至少一组原始数组进行降采样处理，获得至少一组第一数组；

18、输入单元，用于将至少一组第一数组输入图表库，图表库中对应生成至少一条折线图；

19、监听单元，用于监听鼠标悬停事件，若监听到鼠标悬停事件，获得鼠标悬停在折线图可视区域内第一点位对应的第一下标信息，以及获得鼠标悬停在折线图可视区域内第一点位对应的折线图的第一身份信息；

20、查询单元，用于根据第一身份信息获得该折线图对应的第一数组，在该第一数组中通过第一下标信息找到对应的第一x轴坐标信息；以及用于基于第一x轴坐标信息在原始数组中找到x值为第一x轴坐标信息的点位数据，将找到的点位数据作为待插入数组；

21、处理单元，用于循环所有第一数组，判断所有第一数组中是否存在待插入数组，若存在则不插入；若不存在，则将待插入数组添加到对应折线的第一数组中，并将插入后的数组中的元素按照x值大小进行排序获得最终数组；

22、显示单元，用于触发鼠标悬停事件显示提示框，所述提示框中显示最终数组中每条折线图在第一点位对应的所有y值数据。

23、为实现发明目的，本发明还提供了一种大数据降采样折线图信息显示装置，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现所述大数据降采样折线图信息显示方法的步骤。

24、为实现发明目的，本发明还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现所述大数据降采样折线图信息显示方法的步骤。

25、本发明提供的一个或多个技术方案，至少具有如下技术效果或优点：

26、本发明通过记录用户想要查看的x轴横坐标，从该折线图的降采样前的数据中找到相关y轴信息，并将该x轴横坐标与找到的y轴信息组合成将要插入的点，将该点插入到该折线图的降采样后数据中，这样当用户继续查询该x轴横坐标时，之前缺失的y轴信息则实现补全，能够同时显示某个x点位对应的所有折线图y轴信息。

27、本发明满足了用户使用习惯，使得用户查询某一个x轴横坐标时，有多少折线就显示多少条折线的数据；从数据准确性角度上来说，保证了同一时刻数据准确，无丢失；从图形绘制情况来说，通过向降采样后的数据中加入真实的插入数据，在局部丰富图形细节。