CN111723320B - 数据图表加载方法、装置及系统 - Google Patents

Abstract

本发明公开了一种数据图表加载方法，该方法包括：获取待查看图表列表中各图表对应的数据；对所述数据进行预加载处理，得到图片形式的图表；将所述图片形式的图表放在缓存服务器中，并生成对应所述图表的链接；在接收到终端发送的图表获取请求后，根据所述链接从所述缓存服务器中获取所述图表并返回给终端进行展现。利用本发明，可以提高图表加载速度及效果，提升用户体验。

Description

数据图表加载方法、装置及系统

技术领域

本发明涉及互联网领域，具体涉及一种数据图表加载方法、装置及系统。

背景技术

目前，越来越多的行业倾向大数据分析，利用数据可视化技术可以更形象、直观地表达这些数据蕴含的信息和规律。数据可视化技术的基本思想，是将数据库中每一个数据项作为单个图元元素表示，大量的数据集构成数据图像，同时将数据的各个属性值以多维数据的形式表示，可以从不同的维度观察数据，从而对数据进行更深入的观察和分析。

常见的数据可视化方式通常采用数据图表形式，比如：条形图、柱状图、折线图、饼图、散点图等。在进行数据可视化展现时，通常是由中控台按照用户维度聚合多个多样化图表，在加载这些图表时，中控台会发送大量请求到后端服务器中，进行实时数据查询与图形样式加载。这种加载方式会导致渲染缓慢，用户体验差。为此，业界一般采用搭建后端数据缓存层来提升加载速率，这种方式虽然减少了后端服务器对数据库资源的请求，但是无法減少终端与后端服务器的交互，而且在数据取出后仍然要进行多次数据封装与渲染，加载效果提升并不明显。

发明内容

本发明实施例提供一种数据图表加载方法、装置及系统，以提高图表加载速度及效果，提升用户体验。

为此，本发明提供如下技术方案：

一种数据图表加载方法，所述方法包括：

获取待查看图表列表中各图表对应的数据；

对所述数据进行预加载处理，得到图片形式的图表；

将所述图片形式的图表放在缓存服务器中，并生成对应所述图表的链接；

在接收到终端发送的图表获取请求后，根据所述链接从所述缓存服务器中获取所述图表并返回给终端进行展现。

可选地，所述方法还包括：

在满足触发条件情况下，根据报表系统中被用户标记的图表信息，生成所述待查看图表列表。

可选地，所述触发条件包括以下任意一项：设定时间、设定周期、接收到外部触发操作。

可选地，所述获取待查看图表列表中各图表对应的数据包括：

调用集群PhantomJs发起数据请求；

在接收到所述数据请求后，启动PhantomJs服务获取所述图表列表中各图表对应的数据。

可选地，所述启动PhantomJs服务获取所述图表列表中各图表对应的数据包括：

利用多线程启动PhantomJs服务获取所述图表列表中各图表对应的数据。

可选地，所述获取待查看图表列表中各图表对应的数据还包括：

根据预先设置的后端服务器地址列表确定所述数据请求是否由集群PhantomJs发起；

如果是，则启动PhantomJs服务获取所述图表列表中各图表对应的数据；

否则终止所述数据请求。

可选地，所述对所述数据进行预加载处理，得到图片形式的图表包括：

对所述数据进行加载及渲染；

对渲染结果进行截屏处理，得到图片形式的图表。

一种数据图表加载装置，所述装置包括：

数据获取模块，用于获取待查看图表列表中各图表对应的数据；

预处理模块，用于对所述数据进行预加载处理，得到图片形式的图表；

保存模块，用于将所述图片形式的图表放在缓存服务器中，并生成对应所述图表的链接；

图表获取模块，用于在接收到终端发送的图表获取请求后，根据所述链接从所述缓存服务器中获取所述图表并返回给终端进行展现。

可选地，所述装置还包括：

列表获取模块，用于在满足触发条件情况下，根据报表系统中被用户标记的图表信息，生成所述待查看图表列表。

可选地，所述触发条件包括以下任意一项：设定时间、设定周期、接收到外部触发操作。

可选地，所述数据获取模块包括：

数据请求单元，用于调用集群PhantomJs发起数据请求；数据获取单元，用于在接收到所述数据请求后，启动PhantomJs服务获取所述图表列表中各图表对应的数据。

可选地，所述数据获取单元利用多线程启动PhantomJs服务获取所述图表列表中各图表对应的数据。

可选地，所述数据获取模块还包括：

权限控制单元，用于根据预先设置的后端服务器地址列表确定所述数据请求是否由集群PhantomJs发起；如果是，则触发所述数据获取单元启动PhantomJs服务获取所述图表列表中各图表对应的数据；否则终止所述数据请求。

可选地，所述预处理模块包括：

加载单元，用于对所述数据进行加载及渲染；

截屏处理单元，用于对渲染结果进行截屏处理，得到图片形式的图表。

一种数据图表加载系统，所述系统包括：终端、后端服务器、缓存服务器；所述终端用于接收用户发送的图表获取请求，并将所述图表获取请求发送给所述后端服务器；所述后端服务器包括前面任一项所述的数据图表加载装置。

可选地，所述终端通过浏览器接收用户发送的图表获取请求。

一种电子设备，包括：一个或多个处理器、存储器；

所述存储器用于存储计算机可执行指令，所述处理器用于执行所述计算机可执行指令，以实现前面所述的方法。

一种可读存储介质，其上存储有指令，所述指令被执行以实现前面所述的方法。

本发明实施例提供的数据图表加载方法、装置及系统，通过预先获取待查看图表列表中各图表对应的数据，对所述数据进行预加载处理，得到图片形式的图表，并将所述图片形式的图表放在缓存服务器中，生成对应所述图表的链接。这样，在接收到终端发送的图表获取请求后，根据所述链接从所述缓存服务器中获取所述图表并返回给终端进行展现。采用这种方式在加载图表时，可以直接从缓存服务器中获取预加载的图表，无需实时进行数据查询及渲染等处理，从而可以有效减少终端与后端服务器的实时交互次数，大大提高图表加载速度。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。

图1是本发明实施例数据图表加载方法的流程图；

图2是本发明实施例数据图表加载装置的结构框图；

图3是本发明实施例数据图表加载系统的组网示意图；

图4是本发明实施例数据图表加载系统的工作原理示意图；

图5是根据一示例性实施例示出的用于数据图表加载方法的装置的框图；

图6是本发明实施例中服务器的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明实施例的方案，下面结合附图和实施方式对本发明实施例作进一步的详细说明。

针对现有的数据图表加载中终端需要与后端服务器多次交互，影响加载速度的问题，本发明实施例提供一种数据图表加载方法、装置及系统，通过预先获取待查看图表列表中各图表对应的数据，对所述数据进行预加载处理，得到图片形式的图表，并将所述图片形式的图表放在缓存服务器中，生成对应所述图表的链接。这样，在接收到终端发送的图表获取请求后，根据所述链接从所述缓存服务器中获取所述图表并返回给终端进行展现。

如图1所示，是本发明实施例数据图表加载方法的流程图，包括以下步骤：

步骤101，获取待查看图表列表中各图表对应的数据。

所述待查看图表列表可以是由后端服务器根据报表系统中被用户标记的图表信息生成的，所述待查看图表列表中包含所有被用户标记的图表信息，被一个用户标记的图表可以有一个或多个。

比如，用户可以通过终端的浏览器登录所述报表系统，将自己感兴趣的图表打上标签，所述图表可以包括报表和/或图形。所述标签的具体形式可以预先设定，用户按照设定的标签对自己感兴趣的图表进行标记，报表系统数据库会记录这些标签，当然被打上标签的图表信息也可通过所述浏览器进行展现。相应地，后端服务器通过查询报表系统的数据库，统计数据库中被打上标签的报表，即可生成待查看图表列表。

需要说明的是，在实际应用中，所述后端服务器可以在满足触发条件的情况下，根据报表系统中被用户标记的图表信息，生成所述待查看图表列表。所述触发条件比如可以是但不限于以下任意一项：设定时间、设定周期、接收到外部触发操作。这样，所述后端服务器在满足所述触发条件后即主动提前得到所述待查看图表列表。

需要说明的是，在实际应用中，后端服务器可以采用集群的形式，也就是说，由多个后端服务器组成集群为用户提供相应服务。所述后端服务器可以是后端服务器集群中的任意一台服务器。相应地，在获取所述待查看图表列表中各图表对应的数据时，也可以启动多线程服务，以提高数据加载速度。

为了避免对后端服务器中其它业务的影响，在本发明实施例中，可以在所述后端服务器中部署PhantomJs服务，在所述后端服务器得到待查看图表列表后，调用集群PhantomJs发起数据请求，也就是说，由集群PhantomJs构造用户会话请求图表数据。相应地，所述后端服务器在接收到所述数据请求后，启动PhantomJs服务获取所述图表列表中各图表对应的数据。

所述PhantomJs是一个基于WebKit内核的无头浏览器，没有UI(User Interface)界面，其内部的点击、翻页等人为相关操作需要程序设计实现。由于PhantomJs是一个无界面的、可脚本编程的WebKit浏览器引擎，集群PhantomJs发起的数据请求是一种模拟的用户请求、而非正常的登录用户的请求，因此，所述后端服务器在接收到所述数据请求后，还需要判断该数据请求是否为正常的登录用户的请求，具体可以根据用户的登录信息进行判断，如果不是，还需要判断该数据请求是否由集群PhantomJs发起，如果是，则启动PhantomJs服务获取所述待查看图表列表中各图表对应的数据；否则表明该数据请求是非法的请求，终止该数据请求。

在实际应用中，可以预先将后端服务器集群中各服务器的IP地址放入一个列表中，为了描述方便，将该列表称为后端服务器地址列表。将所述后端服务器地址列表保存在报表系统的数据库中，后端服务器对终端发起的数据请求进行解析，根据所述后端服务器地址列表判断所述数据请求的发送方的地址是否在后端服务器地址列表中，如果是，则表示该数据请求是由集群PhantomJs发起。

对于集群PhantomJs发起的数据请求，所述后端服务器从数据缓存或数据库中查询得到图表数据。

步骤102，对所述数据进行预加载处理，得到图片形式的图表。

一种实施例，对由PhantomJs服务获取的各图表对应的数据进行加载及渲染，然后对渲染结果进行截屏处理，得到图片形式的图表。

由于根据所述数据请求得到的结果是整个页面的html元素，而用户所要查看的图表可能只是这个页面中的一部分，因此，在本发明实施例中，可以利用PhantomJs提供的截屏功能，截取根据待查看图表列表中各图表对应的数据生成的页面中的部分或全部，具体可以根据对截取元素的解析来确定。比如，所述页面同时包含表格和菜单，此时可以根据表格的html元素对渲染结果进行截取。

需要说明的是，对于占用空间较大的图表，可以只截取该图表的一部分进行缓存，以节省缓存空间。

另外，对于有些图表，除了该图表自身之外，还可以附带有一些图表相关信息，比如对所述图表进行描述的文字信息等。为此，在实际应用中，在对渲染结果进行截屏处理时，可以只根据图表自身的html元素对渲染结果进行截取，比如，报表界面只从表格部分开始截取，图形部分只截取图形渲染部分；当然，也可以根据图表自身的html元素及与图表相关的其它html元素对渲染结果进行截取，使截屏得到的图片不仅包括图表自身，还可包括对应该图表的其它相关信息。

步骤103，将所述图片形式的图表放在缓存服务器中，并生成对应所述图表的链接。

在本发明实施例中，所述缓存服务器可以采用CDN(Content Delivery Network，内容分发网络)架构。CDN的原理是通过在现有的因特网中增加一层新的网络架构，将网站的内容发布到最接近用户的网络"边缘"，使用户可以就近取得所需的内容，解决Internet网络拥塞状况，提高用户访问网站的响应速度。

对应每个图片形式的图表，将其存储到缓存服务器后，会生成一个对应该图表的可访问的地址，后端服务器记录所述地址，生成对应所述图表的链接。

需要说明的是，后端服务器还可以记录所述地址对应的用户信息，以便后续在用户请求查看图表时，后端服务器能够根据用户信息确定哪个链接对应的图表是用户请求查看的图表。

步骤104，在接收到终端发送的图表获取请求后，根据所述链接从所述缓存服务器中获取所述图表并返回给终端进行展现。

比如，用户在终端的浏览器中请求待查看图表时，所述终端向所述后端服务器发送所述图表获取请求。相应地，所述后端服务器收到所述图表获取请求后，检测用户是否登录过，是否是系统有效用户，如果是系统有效登录用户，则直接从所述缓存服务器中获取预加载好的图表。

需要说明的是，由于每个用户预先标记的图表的数量可以有一个或多个，因此，在缓存服务器中保存的对应一个用户的预加载图表有一个或多个。在实际应用中，在接收到所述图表获取请求后，可以将对应该用户的所有预加载的图表全部返回给终端进行展现；当然也可以根据应用需要，用户只请求其中的一个或部分图表，相应地，后端服务器向终端返回其中的一个或部分图表进行展现。

在需要展现多个图表时，可以根据各图表的大小及展现区域的大小进行适应性的调整。另外，对于缓存中预加载的图片只是截取了图表部分内容的情况，可以通过二次点击的方式加载并展现该图表的其它内容，也就是说，在通过终端接收到用户对该图表的点击操作后，后端服务器可以从数据库中读取对应该图表的其它数据，将所述数据返回给终端进行加载并渲染。

另外，需要说明的是，前面提到，对于有些图表，除了该图表自身之外，还可以附带有一些图表相关信息，截屏得到的图片可以包括这些图表相关信息，也可以不包括这些图表相关信息。为此，在截屏得到的图片不包括所述图表相关信息的情况下，在进行图表展现时，为了使展现内容更完善，后端服务器可以从数据库中提取所述图表相关信息，并将所述图表相关信息与从缓存服务器获取的图表一起返回给终端；相应地，终端在展现所述图片时，将所述图表相关信息一起进行展现。

当然，如果用户所请求的待查看图表没有预加载到所述缓存服务器中，则可以按照现有技术中的加载方式，通过终端与后端服务器的多次交互，实时获取所述待查看图表的相关数据，对所述数据进行加载并实时渲染。

可见，利用本发明实施例提供的数据图表加载方法，可以大大提高图表加载速度。另外，利用CDN架构，可以使后端服务器集群中的服务器实现资源共享，提高了后端服务器的处理能力。

相应地，本发明实施例还提供一种数据图表加载装置，如图2所示，是该装置的一种结构框图。

数据获取模块202，用于获取待查看图表列表中各图表对应的数据；

预处理模块203，用于对所述数据进行预加载处理，得到图片形式的图表；

保存模块204，用于将所述图片形式的图表放在缓存服务器中，并生成对应所述图表的链接；

图表获取模块205，用于在接收到终端发送的图表获取请求后，根据所述链接从所述缓存服务器中获取所述图表并返回给终端进行展现。

所述待查看图表列表可以由列表获取模块(未图示)根据报表系统中被用户标记的图表信息生成，所述待查看图表列表中包含所有被用户标记的图表信息，被一个用户标记的图表可以有一个或多个。

比如，所述列表获取模块可以在满足触发条件的情况下，根据报表系统中被用户标记的图表信息，生成待查看图表列表。所述触发条件包括但不限于以下任意一项：设定时间、设定周期、接收到外部触发操作。

在实际应用中，所述数据图表加载装置可以设置在后端服务器集群中的每一台服务器中，以提高后端服务器的业务并发处理能力。

另外，为了避免对后端服务器中其它业务的影响，在本发明实施例中，所述数据获取模块202可以通过PhantomJs服务获取所述图表列表中各图表对应的数据。具体地，所述数据获取模块202可以包括以下各单元：

数据请求单元，用于调用集群PhantomJs发起数据请求；

数据获取单元，用于在接收到所述数据请求后，启动PhantomJs服务获取所述图表列表中各图表对应的数据；为了提高处理效率，可以利用多线程启动PhantomJs服务获取所述图表列表中各图表对应的数据。

由于PhantomJs是一个无界面的、可脚本编程的WebKit浏览器引擎，因此，所述数据获取模块202还可进一步包括：权限控制单元，用于根据预先设置的后端服务器地址列表确定所述数据请求是否由集群PhantomJs发起；如果是，则触发所述数据获取单元启动PhantomJs服务获取所述图表列表中各图表对应的数据；否则终止所述数据请求。

所述后端服务器地址列表可以保存在报表系统的数据库中。所述权限控制单元对浏览器发起的数据请求进行解析，根据所述后端服务器地址列表判断所述数据请求的发送方的地址是否在后端服务器地址列表中，如果是，则表示该数据请法是由集群PhantomJs发起。当然，如果所述数据请求不是由集群PhantomJs发起的，则可以终止该数据请求。

所述图表获取模块205在接收到终端发送的图表获取请求后，可以直接从所述缓存服务器中获取预加载好的图表返回给前端浏览器进行展现。当然，如果用户所请求的待查看图表没有预加载到所述缓存服务器中，所述图表获取模块205则可以按照现有技术中的加载方式，通过与终端的多次交互，实时获取所述待查看图表的相关数据，并将所述数据返回给终端，由终端对所述数据进行加载并实时渲染。

本发明实施例提供的数据图表加载装置，通过预先获取待查看图表列表中各图表对应的数据，并对所述数据进行预加载处理，得到图片形式的图表，并将所述图片形式的图表放在缓存服务器中，生成对应所述图表的链接。这样，在接收到终端发送的图表获取请求后，根据所述链接从所述缓存服务器中获取所述图表并返回给终端进行展现。采用这种方式在加载图表时，可以直接从缓存服务器中获取预加载的图表，无需实时进行数据查询及渲染等处理，从而可以大大提高图表加载速度。

相应地，本发明实施例还提供一种数据图表加载系统，如图3所示，是该系统的组网示意图。

所述系统包括：终端31、后端服务器32、缓存服务器33。其中，所述终端31用于接收用户30发送的图表获取请求，并将所述图表获取请求发送给所述后端服务器32。

其中，所述终端31可以通过浏览器接收用户30发送的图表获取请求。

所述后端服务器32可以是后端服务器集群中的任意一台服务器，其包括前面所述的数据图表加载装置。

参照图4，该实施例提供的数据图表加载系统中，后端服务器预先获取待查看图表列表，比如，在满足触发条件的情况下根据报表系统中被用户标记的图表信息，生成所述待查看图表列表，所述待查看图表列表中可以包括一个或多个图表信息，比如图4所示，所述待查看图表列表中用户希望查看的图表有：图表1、图表2、图表3；然后后端服务器利用PhantomJs服务获取所述待查看图表列表中各图表对应的数据，并对所述数据进行加载及渲染，然后对渲染结果进行截屏处理，得到图片形式的图表。需要说明的是，在实际应用中，可以采用多线程的PhantomJs服务，通过多任务的并发处理，可以提高数据加载速度。在得到图片形式的图表后，后端服务器将所述图片形式的图表放在缓存服务器中，并生成对应各图表的链接。

用户在终端的浏览器中请求待查看图表时，所述终端向所述后端服务器发送图表获取请求。相应地，所述后端服务器收到所述图表获取请求后，可以直接从所述缓存服务器中获取预加载好的图表返回给终端进行展现。

当然，如果用户所请求的待查看图表没有预加载到所述缓存服务器中，则可以按照现有技术中的加载方式，由终端与后端服务器进行多次交互，实时获取所述待查看图表的相关数据，对所述数据进行加载并实时渲染。

可见，利用本发明实施例提供的数据图表加载系统，可以大大提高图表加载速度，而且可以使后端服务器集群中的服务器实现资源共享，提高了后端服务器的处理能力。

图5是根据一示例性实施例示出的一种用于数据图表加载方法的装置800的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图5，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理元件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理部件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类别的数据以支持在设备800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类别的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电力组件806为装置800的各种组件提供电力。电力组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当设备800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到设备800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信部件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信部件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述按键误触纠错方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本发明还提供一种非临时性计算机可读存储介质，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行上述本发明方法实施例中的全部或部分步骤。

图6是本发明实施例中服务器的结构示意图。该服务器1900可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上中央处理器(Central Processing Units，CPU)1922(例如，一个或一个以上处理器)和存储器1932，一个或一个以上存储应用程序1942或数据1944的存储介质1930(例如一个或一个以上海量存储设备)。其中，存储器1932和存储介质1930可以是短暂存储或持久存储。存储在存储介质1930的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对服务器中的一系列指令操作。更进一步地，中央处理器1922可以设置为与存储介质1930通信，在服务器1900上执行存储介质1930中的一系列指令操作。

服务器1900还可以包括一个或一个以上电源1926，一个或一个以上有线或无线网络接口1950，一个或一个以上输入输出接口1958，一个或一个以上键盘1956，和/或，一个或一个以上操作系统1941，例如Windows ServerTM，Mac OS XTM，UnixTM，LinuxTM，FreeBSDTM等等。

显然，上面所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本发明旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (11)

1.一种数据图表加载方法，其特征在于，所述方法包括：

在满足触发条件情况下，根据报表系统中被用户标记的图表信息，生成待查看图表列表；

调用集群PhantomJs发起数据请求；所述集群PhantomJs用于构造用户会话请求图表数据；

在接收到所述数据请求后，启动PhantomJs服务获取所述图表列表中各图表对应的数据；

对各图表对应的数据进行加载及渲染，得到渲染结果；

根据各图表自身的html元素对所述渲染结果进行截取，得到图片形式的图表；

将所述图片形式的图表放在缓存服务器中，并生成对应所述图表的可访问的地址；所述缓存服务器采用内容分发网络架构；

记录所述地址，生成对应所述图表的链接，以及记录所述地址对应的用户信息；

在接收到终端发送的图表获取请求后，根据用户信息确定所述链接对应的图表；

从所述缓存服务器中获取所述图表，并从数据库中提取图表相关信息，将所述图表相关信息与从所述缓存服务器获取的图表一起返回给终端，以使所述终端在展现所述图片时，将所述图表相关信息一起进行展现。

2.根据权利要求1所述的方法，其特征在于，所述触发条件包括以下任意一项：设定时间、设定周期、接收到外部触发操作。

3.根据权利要求1所述的方法，其特征在于，所述启动PhantomJs服务获取所述图表列表中各图表对应的数据包括：

利用多线程启动PhantomJs服务获取所述图表列表中各图表对应的数据。

4.根据权利要求1所述的方法，其特征在于，所述获取待查看图表列表中各图表对应的数据还包括：

根据预先设置的后端服务器地址列表确定所述数据请求是否由集群PhantomJs发起；

否则终止所述数据请求。

5.一种数据图表加载装置，其特征在于，所述装置包括：

列表获取模块，用于在满足触发条件情况下，根据报表系统中被用户标记的图表信息，生成待查看图表列表；

数据请求单元，用于调用集群PhantomJs发起数据请求；所述集群PhantomJs用于构造用户会话请求图表数据；

数据获取单元，用于在接收到所述数据请求后，启动PhantomJs服务获取所述图表列表中各图表对应的数据；

预处理模块包括：加载单元，用于对各图表对应的数据进行加载及渲染，得到渲染结果；截屏处理单元，用于对根据各图表自身的html元素对所述渲染结果进行截取，得到图片形式的图表；

保存模块，用于将所述图片形式的图表放在缓存服务器中，并生成对应所述图表的可访问的地址；记录所述地址，生成对应所述图表的链接，以及记录所述地址对应的用户信息；所述缓存服务器采用内容分发网络架构；

图表获取模块，用于在接收到终端发送的图表获取请求后，根据用户信息确定所述链接对应的图表；从所述缓存服务器中获取所述图表，并从数据库中提取图表相关信息，将所述图表相关信息与从所述缓存服务器获取的图表一起返回给终端，以使所述终端在展现所述图片时，将所述图表相关信息一起进行展现。

6.根据权利要求5所述的装置，其特征在于，所述触发条件包括以下任意一项：设定时间、设定周期、接收到外部触发操作。

7.根据权利要求5所述的装置，其特征在于，所述数据获取单元，还用于利用多线程启动PhantomJs服务获取所述图表列表中各图表对应的数据。

8.根据权利要求5所述的装置，其特征在于，所述数据获取模块还包括：

权限控制单元，用于根据预先设置的后端服务器地址列表确定所述数据请求是否由集群PhantomJs发起；如果否，则终止所述数据请求。

9.一种数据图表加载系统，其特征在于，所述系统包括：

终端、后端服务器、缓存服务器；

所述终端用于接收用户发送的图表获取请求，并将所述图表获取请求发送给所述后端服务器；

所述后端服务器包括如权利要求5至8任一项所述的数据图表加载装置。

10.一种电子设备，其特征在于，包括：

一个或多个处理器、存储器；

所述存储器用于存储计算机可执行指令，所述处理器用于执行所述计算机可执行指令，以实现如权利要求1至4任一项所述的方法。

11.一种可读存储介质，其上存储有指令，所述指令被执行以实现如权利要求1至4任一项所述的方法。