CN115167962A - 在网页中展示图表的方法及装置 - Google Patents

Abstract

本说明书一个或多个实施例公开了一种在网页中展示图表的方法及装置，用以实现快速在网页中加载图表的目的。所述方法包括：响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；将获取到的所述目标图表展示在所述网页中。

Description

在网页中展示图表的方法及装置

本发明专利申请是申请日为2019年05月28日、申请号为CN201910452362.7、名称 为“在网页中展示图表的方法及装置”的中国发明专利申请的分案申请。

技术领域

本说明书涉及图表处理技术领域，尤其涉及一种在网页中展示图表的方法及装置。

背景技术

在html5页面(如客户端应用内嵌入的网页页面)上展示金融理财产品时，通常需要展示该产品的业绩走势图供用户参考，例如展示基金的收益率、净值等属性的走势图。

目前已有的技术方案中，通常采用以下方法在html5页面上加载产品的业绩走势图：首先基于json格式存储绘制走势图所需要的数据，而后html5页面请求服务器获取走势图对应的json数据，进而在页面加载时利用绘制图表库实时绘制走势图。并且，每次进入html5页面时都需要重新实时绘制走势图。

可见，现有的加载走势图的方法中，由于走势图一般需要1至5年的数据，数据量大，因此页面实时绘制大数据量的走势图需要占用较大的计算资源，影响页面加载速度，造成走势图加载有明显的延迟，从而降低用户体验；并且，由于每次进入页面时都需要实时绘制走势图，而无法缓存之前计算过的走势图，因此浪费大量的计算资源。

发明内容

本说明书一个或多个实施例的目的是提供一种在网页中展示图表的方法及装置，用以实现快速在网页中加载图表的目的。

为解决上述技术问题，本说明书一个或多个实施例是这样实现的：

一方面，本说明书一个或多个实施例提供一种在网页中展示图表的方法，应用于客户端，包括：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；所述指定存储区域包括对象存储服务OSS；

将获取到的所述目标图表展示在所述网页中。

在一个实施例中，所述指定存储区域包括客户端本地、内容分发网络CDN中的至少一项。

在一个实施例中，所述从指定存储区域中获取预先绘制的所述目标图表，包括：

判断所述客户端本地是否存储有预先绘制的所述目标图表；

若所述客户端本地存储有所述目标图表，则从所述客户端本地获取所述目标图表；若所述客户端本地未存储有所述目标图表，则进一步判断所述内容分发网络CDN中是否存储有所述目标图表；

若所述内容分发网络CDN中存储有所述目标图表，则从所述内容分发网络CDN中获取所述目标图表；若所述内容分发网络CDN中未存储有所述目标图表，则从所述对象存储服务OSS中获取所述目标图表。

在一个实施例中，所述指令中包含所述目标图表的目标地址信息；

相应的，所述从指定存储区域中获取预先绘制的所述目标图表，包括：

根据所述指定存储区域中预存的地址信息与图表之间的对应关系，获取所述目标地址信息对应的所述目标图表。

在一个实施例中，所述多个数据为基金相关数据；所述目标图表为基金走势图。

另一方面，本说明书一个或多个实施例提供一种在网页中展示图表的方法，应用于服务器，包括：

获取用于绘制目标图表的多个数据；

根据所述多个数据绘制所述目标图表；

将所述目标图表存储至对象存储服务OSS中，以使所述对象存储服务OSS在接收到来自客户端的在网页中加载所述目标图表的指令时，将所述目标图表发送至所述客户端以加载至所述网页中。

在一个实施例中，所述方法还包括：

在将所述目标图表存储至对象存储服务OSS中之后，将所述目标图表发送至内容分发网络CDN；

或，

当接收到来自所述客户端的针对所述目标图表的加载指令时，将所述目标图表发送至内容分发网络CDN；其中，所述内容分发网络CDN用于将所述目标图表返回至所述客户端。

在一个实施例中，所述获取用于绘制目标图表的多个数据，包括：

按照指定周期获取用于绘制所述目标图表的多个数据；

相应的，所述根据所述多个数据绘制所述目标图表；将所述目标图表存储至对象存储服务OSS中，包括：

判断本次获取到的所述多个数据相较于上一次获取到的所述多个数据是否发生变化；

若是，则根据本次获取到的所述多个数据重新绘制所述目标图表；根据重新绘制的所述目标图表更新所述对象存储服务OSS。

在一个实施例中，所述多个数据为基金相关数据；所述目标图表为基金走势图。

再一方面，本说明书一个或多个实施例提供一种在网页中展示图表的装置，应用于客户端，包括：

第一获取模块，用于响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；所述指定存储区域包括对象存储服务OSS；

展示模块，用于将获取到的所述目标图表展示在所述网页中。

在一个实施例中，所述指定存储区域包括客户端本地、内容分发网络CDN、中的至少一项。

在一个实施例中，所述第一获取模块包括：

第一判断单元，用于判断所述客户端本地是否存储有预先绘制的所述目标图表；

获取及判断单元，用于若所述客户端本地存储有所述目标图表，则从所述客户端本地获取所述目标图表；若所述客户端本地未存储有所述目标图表，则进一步判断所述内容分发网络CDN中是否存储有所述目标图表；

第一获取单元，用于若所述内容分发网络CDN中存储有所述目标图表，则从所述内容分发网络CDN中获取所述目标图表；若所述内容分发网络CDN中未存储有所述目标图表，则从所述对象存储服务OSS中获取所述目标图表。

在一个实施例中，所述指令中包含所述目标图表的目标地址信息；

相应的，所述第一获取模块包括：

第二获取单元，用于根据所述指定存储区域中预存的地址信息与图表之间的对应关系，获取所述目标地址信息对应的所述目标图表。

在一个实施例中，所述多个数据为基金相关数据；所述目标图表为基金走势图。

再一方面，本说明书一个或多个实施例提供一种在网页中展示图表的装置，应用于服务器，包括：

第二获取模块，用于获取用于绘制目标图表的多个数据；

绘制模块，用于根据所述多个数据绘制所述目标图表；

存储模块，用于将所述目标图表存储至对象存储服务OSS中，以使对象存储服务OSS在接收到来自客户端的在网页中加载目标图表的指令时，将目标图表发送至客户端以加载至网页中。

在一个实施例中，所述装置还包括：

第一发送模块，用于在将所述目标图表存储至对象存储服务OSS中之后，将所述目标图表发送至内容分发网络CDN；

或，

第二发送模块，用于当接收到来自所述客户端的针对所述目标图表的加载指令时，将所述目标图表发送至内容分发网络CDN；其中，所述内容分发网络CDN用于将所述目标图表返回至所述客户端。

在一个实施例中，所述第二获取模块包括：

第二获取单元，用于按照指定周期获取用于绘制所述目标图表的多个数据；

相应的，所述绘制模块包括：

第二判断单元，用于判断本次获取到的所述多个数据相较于上一次获取到的所述多个数据是否发生变化；

绘制单元，用于若本次获取到的所述多个数据相较于上一次获取到的所述多个数据发生变化，则根据本次获取到的所述多个数据重新绘制所述目标图表；

所述存储模块包括：

更新单元，用于根据重新绘制的所述目标图表更新所述对象存储服务OSS。

在一个实施例中，所述多个数据为基金相关数据；所述目标图表为基金走势图。

再一方面，本说明书一个或多个实施例提供一种在网页中展示图表的设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；所述指定存储区域包括对象存储服务OSS；

将获取到的所述目标图表展示在所述网页中。

再一方面，本说明书一个或多个实施例提供一种在网页中展示图表的设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器：

获取用于绘制目标图表的多个数据；

根据所述多个数据绘制所述目标图表；

将所述目标图表存储至对象存储服务OSS中，以使所述对象存储服务OSS在接收到来自客户端的在网页中加载所述目标图表的指令时，将所述目标图表发送至所述客户端以加载至所述网页中。

再一方面，本申请实施例提供一种存储介质，用于存储计算机可执行指令，所述可执行指令在被执行时实现以下流程：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；所述指定存储区域包括对象存储服务OSS；

将获取到的所述目标图表展示在所述网页中。

再一方面，本申请实施例提供一种存储介质，用于存储计算机可执行指令，所述可执行指令在被执行时实现以下流程：

获取用于绘制目标图表的多个数据；

根据所述多个数据绘制所述目标图表；

将所述目标图表存储至对象存储服务OSS中，以使所述对象存储服务OSS在接收到来自客户端的在网页中加载所述目标图表的指令时，将所述目标图表发送至所述客户端以加载至所述网页中。

采用本说明书一个或多个实施例的技术方案，在响应于在网页中加载目标图表的指令后，通过从指定存储区域中获取预先绘制的目标图表(该目标图表多个数据绘制而成，且在多个数据更新时，指定存储区域中的目标图表也相应更新)，进而将获取到的目标图表展示在网页中。可见，该技术方案在网页中加载目标图表时，可直接获取并加载预先绘制的目标图表，由于获取到的是指定存储区域内的图片数据，因此相较于获取多个数据实时绘制目标图表的方式而言，该技术方案消除了页面加载过程中绘制目标图表的时间，从而提高了页面加载速度以及目标图表在页面中的展示速度，大大提高了用户的体验度。

此外，该技术方案中的指定存储区域包含对象存储服务OSS，使得客户端在网页中加载目标图表时，可直接从对象存储服务OSS中获取预先绘制好的目标图表进行展示，而无需再获取json格式的大量数据，从而提高网页加载速度，极大提升了用户访问网页的速度。

附图说明

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

图1是根据本说明书一实施例的一种在网页中展示图表的方法的示意性流程图；

图2是根据本说明书另一实施例的一种在网页中展示图表的方法的示意性流程图；

图3是根据本说明书再一实施例的一种在网页中展示图表的方法的示意性流程图；

图4是根据本说明书一实施例的一种在网页中展示图表的装置的示意性框图；

图5是根据本说明书另一实施例的一种在网页中展示图表的装置的示意性框图；

图6是根据本说明书一实施例的一种在网页中展示图表的设备的示意性框图；

图7是根据本说明书一实施例的一种在网页中展示图表的设备的示意性框图。

具体实施方式

本说明书一个或多个实施例提供一种在网页中展示图表的方法及装置，用以实现快速在网页中加载图表的目的。

为了使本技术领域的人员更好地理解本说明书一个或多个实施例中的技术方案，下面将结合本说明书一个或多个实施例中的附图，对本说明书一个或多个实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本说明书一部分实施例，而不是全部的实施例。基于本说明书一个或多个实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本说明书一个或多个实施例保护的范围。

图1是根据本说明书一实施例的一种在网页中展示图表的方法的示意性流程图，如图1所示，该方法应用于客户端，包括：

S102，响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的目标图表。

其中，目标图表根据多个数据绘制而成，且多个数据更新时，指定存储区域中的目标图表也相应更新。例如，多个数据为基金相关数据，目标图表为基金走势图，如基金收益率、净值等属性的走势图。

S104，将获取到的目标图表展示在网页中。

本实施例中，网页可以是html5网页，如客户端应用中内嵌的网页。

指定存储区域可以是客户端本地、CDN(Content Delivery Network，内容分发网络)、OSS(Object Storage Service，对象存储服务)中的至少一项。也就是说，目标图表被绘制成功之后，即可预先存储于指定存储区域，进而在网页中加载目标图表时，只需从指定存储区域中获取预先绘制的目标图表即可，而无需获取多个数据实时绘制目标图表。

其中，对象存储服务OSS位于服务器端，是由阿里云提供的海量、安全、低成本、高可靠的云存储服务，适合存放任意类型的文件。

在一个实施例中，将预先绘制好的目标图表存储至指定存储区域时，可将目标图表与其对应的目标地址信息对应存储在指定存储区域中。基于此，在网页中加载目标图表的指令中可包括目标图表的目标地址信息，当需要获取目标图表时，可根据指定存储区域中存储的地址信息与图表之间的对应关系来获取目标地址信息所对应的目标图表。

在一个实施例中，从指定存储区域中获取预先绘制的目标图表时，首先判断客户端本地是否存储有预先绘制的目标图表；若客户端本地存储有目标图表，则从客户端本地获取目标图表；若客户端本地未存储有目标图表，则进一步判断内容分发网络CDN中是否存储有目标图表；若内容分发网络CDN中存储有目标图表，则从内容分发网络CDN中获取目标图表；若内容分发网络CDN中未存储有目标图表，则从对象存储服务OSS中获取目标图表。

本实施例中，判断内容分发网络CDN中是否存储有目标图表的方法可以是：客户端将针对目标图表的加载指令(该加载指令中包含目标地址信息)发送至内容分发网络CDN，内容分发网络CDN基于加载指令查询是否存储有目标地址信息对应的目标图表，并将查询结果返回至客户端，客户端根据查询结果即可获知内容分发网络CDN中是否存储有目标图表。

从对象存储服务OSS中获取目标图表的方法可以是：客户端将针对目标图表的加载指令(该加载指令中包含目标地址信息)发送至对象存储服务OSS，对象存储服务OSS基于加载指令查询目标地址信息对应的目标图表，并将查询到的目标图表返回至客户端。

可见，采用本说明书一个或多个实施例的技术方案，在响应于在网页中加载目标图表的指令后，通过从指定存储区域中获取预先绘制的目标图表(该目标图表多个数据绘制而成，且在多个数据更新时，指定存储区域中的目标图表也相应更新)，进而将获取到的目标图表展示在网页中。可见，该技术方案在网页中加载目标图表时，可直接获取并加载预先绘制的目标图表，由于获取到的是指定存储区域内的图片数据，因此相较于获取多个数据实时绘制目标图表的方式而言，该技术方案消除了页面加载过程中绘制目标图表的时间，从而提高了页面加载速度以及目标图表在页面中的展示速度，大大提高了用户的体验度。

此外，该技术方案中的指定存储区域包含对象存储服务OSS，使得客户端在网页中加载目标图表时，可直接从对象存储服务OSS中获取预先绘制好的目标图表进行展示，而无需再获取json格式的大量数据，从而提高网页加载速度，极大提升了用户访问网页的速度。

图2是根据本说明书一实施例的一种在网页中展示图表的方法的示意性流程图，如图2所示，该方法应用于服务器，包括：

S202，获取用于绘制目标图表的多个数据。

其中，目标图表根据多个数据绘制而成，且多个数据更新时，目标图表也相应更新。例如，多个数据为基金相关数据，目标图表为基金走势图，如基金收益率、净值等属性的走势图。

S204，根据多个数据绘制目标图表。

S206，将目标图表存储至对象存储服务OSS中，以使对象存储服务OSS在接收到来自客户端的在网页中加载目标图表的指令时，将目标图表发送至客户端以加载至网页中。

本实施例中，在对象存储服务OSS中存储目标图表时，可将目标图表与目标地址信息对应存储，这样，在后续查找目标图表时，即可根据目标图表对应的目标地址信息快速查找。

在一个实施例中，可在将目标图表存储至对象存储服务OSS中之后，将目标图表发送至内容分发网络CDN，由内容分发网络CDN缓存目标图表。这样，当需要在客户端网页中加载目标图表时，可优先从内容分发网络CDN中获取目标图表，而无需再请求对象存储服务OSS发送目标图表。

由于内容分发网络CDN的工作原理是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。因此，通过将目标图表缓存至内容分发网络CDN，进而由内容分发网络CDN将目标图表发送至客户端进行加载，可使得目标图表的传输速度加快，从而提高客户端在网页上加载目标图表的速度，提升用户的体验度。

本实施例中，对象存储服务OSS可将目标图表及其对应的目标地址信息一起发送至内容分发网络CDN，并由内容分发网络CDN将目标图表与目标地址信息对应存储，这样，在后续查找目标图表时，即可根据目标图表对应的目标地址信息快速查找。

在一个实施例中，可在接收到来自客户端的针对目标图表的加载指令时，将目标图表发送至内容分发网络CDN，然后由内容分发网络CDN缓存目标图表，并将目标图表返回至客户端进行加载。

本实施例中，由内容分发网络CDN将目标图表返回至客户端后，客户端可将目标图表缓存在本地，以使下一次需要加载目标图表时，无需再请求网络侧获取目标图表了，而只需从本地缓存中获取目标图表即可，从而加快目标图表的加载速度。

在一个实施例中，服务器可按照指定周期获取用于绘制目标图表的多个数据，例如，每2个小时获取一次用于绘制目标图表的多个数据。

基于此，服务器在每次获取到用于绘制目标图表的多个数据时，可先判断本次获取到的多个数据相较于上一次获取到的多个数据是否发生变化(如产生新的数据或数据被更改)；若是，则根据本次获取到的多个数据重新绘制目标图表，并根据重新绘制的目标图表更新对象存储服务OSS。

本实施例中，根据重新绘制的目标图表更新对象存储服务OSS之后，可将重新绘制的目标图表发送至内容分发网络CDN，由内容分发网络CDN根据重新绘制的目标图表更新之前存储的目标图表。进一步地，内容分发网络CDN还可将更新后的目标图表发送至客户端，使客户端将本地存储的目标图表也进行相应更新。

本实施例中，用于绘制目标图表的多个数据发生变化时，对象存储服务OSS、内容分发网络CDN和/或客户端本地存储的目标图表均随之进行了相应更新，这使得每次客户端需要在网页上记载目标图表时，均可获取到最新的目标图表，从而使用户可及时获知最新数据，提升用户的使用体验。

图3是根据本说明书一实施例的一种在网页中展示图表的方法的示意性流程图，如图3所示，该方法涉及服务器及客户端两个执行主体，包括以下步骤：

S301，服务器按照指定周期获取用于绘制目标图表的多个数据，并根据多个数据绘制目标图表。

S302，服务器将绘制的目标图表发送至对象存储服务OSS，由对象存储服务OSS将目标图表与目标地址信息对应存储。

该步骤之后，对象存储服务OSS可将目标图表与目标地址信息发送至内容分发网络CDN，由内容分发网络CDN对应存储目标图表与目标地址信息。

进一步地，内容分发网络CDN可将目标图表与目标地址信息发送至客户端，由客户端将目标图表与目标地址信息对应存储在本地。

S303，客户端基于在网页上加载目标图表的加载指令，判断本地是否存储有目标图表；若否，则执行S304；若是，则执行S307。

其中，加载指令中包括目标图表对应的目标地址信息。

S304，客户端向内容分发网络CDN发送加载指令，由内容分发网络CDN基于加载指令判断其是否存储有目标图表。若否，则执行S305；若是，则执行S307。

S305，客户端向对象存储服务OSS发送加载指令，由对象存储服务OSS根据加载指令查询目标图表，并将目标图表返回至内容分发网络CDN。

S306，内容分发网络CDN将目标图表返回至客户端，由客户端缓存接收到的目标图表。

S307，客户端在网页上加载目标图表。

可见，本实施例的技术方案在网页中加载目标图表时，可从本地/内容分发网络CDN/对象存储服务OSS中获取并加载预先绘制的目标图表，而无需获取用于绘制目标图表的多个数据，因此相较于获取多个数据实时绘制目标图表的方式而言，该技术方案消除了页面加载过程中绘制目标图表的时间，从而提高了页面加载速度以及目标图表在页面中的展示速度，大大提高了用户的体验度。

此外，由本实施例的技术方案可看出，每次需要在客户端内嵌入的网页上加载目标图表时，大多数情况下均可从本地或内容分发网络CDN中获取到预先缓存的(或上一次加载过的)目标图表，从而加快目标图表的加载速度。

综上，已经对本主题的特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作可以按照不同的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序，以实现期望的结果。在某些实施方式中，多任务处理和并行处理可以是有利的。

以上为本说明书一个或多个实施例提供的在网页中展示图表的方法，基于同样的思路，本说明书一个或多个实施例还提供一种在网页中展示图表的装置。

图4是根据本说明书一实施例的一种在网页中展示图表的装置的示意性框图，如图4所示，在网页中展示图表的装置400应用于客户端，包括：

第一获取模块410，用于响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的目标图表；其中，目标图表根据多个数据绘制而成，且多个数据更新时，指定存储区域中的目标图表也相应更新；所述指定存储区域包括对象存储服务OSS；

展示模块420，用于将获取到的目标图表展示在网页中。

在一个实施例中，指定存储区域包括客户端本地、内容分发网络CDN、中的至少一项。

在一个实施例中，第一获取模块410包括：

第一判断单元，用于判断客户端本地是否存储有预先绘制的目标图表；

获取及判断单元，用于若客户端本地存储有目标图表，则从客户端本地获取目标图表；若客户端本地未存储有目标图表，则进一步判断内容分发网络CDN中是否存储有目标图表；

第一获取单元，用于若内容分发网络CDN中存储有目标图表，则从内容分发网络CDN中获取目标图表；若内容分发网络CDN中未存储有目标图表，则从对象存储服务OSS中获取目标图表。

在一个实施例中，指令中包含目标图表的目标地址信息；

相应的，第一获取模块410包括：

第二获取单元，用于根据指定存储区域中预存的地址信息与图表之间的对应关系，获取目标地址信息对应的目标图表。

在一个实施例中，多个数据为基金相关数据；目标图表为基金走势图。

采用本说明书一个或多个实施例的装置，在响应于在网页中加载目标图表的指令后，通过从指定存储区域中获取预先绘制的目标图表(该目标图表多个数据绘制而成，且在多个数据更新时，指定存储区域中的目标图表也相应更新)，进而将获取到的目标图表展示在网页中。可见，该装置在网页中加载目标图表时，可直接获取并加载预先绘制的目标图表，由于获取到的是指定存储区域内的图片数据，因此相较于获取多个数据实时绘制目标图表的方式而言，该技术方案消除了页面加载过程中绘制目标图表的时间，从而提高了页面加载速度以及目标图表在页面中的展示速度，大大提高了用户的体验度。

图5是根据本说明书一实施例的一种在网页中展示图表的装置的示意性框图，如图5所示，在网页中展示图表的装置500应用于服务器，包括：

第二获取模块510，用于获取用于绘制目标图表的多个数据；

绘制模块520，用于根据多个数据绘制目标图表；

存储模块530，用于将目标图表存储至对象存储服务OSS中，以使对象存储服务OSS在接收到来自客户端的在网页中加载目标图表的指令时，将目标图表发送至客户端以加载至网页中。

在一个实施例中，装置500还包括：

第一发送模块，用于在将目标图表存储至对象存储服务OSS中之后，将目标图表发送至内容分发网络CDN；

或，

第二发送模块，用于当接收到来自客户端的针对目标图表的加载指令时，将目标图表发送至内容分发网络CDN；其中，内容分发网络CDN用于将目标图表返回至客户端。

在一个实施例中，第二获取模块510包括：

第二获取单元，用于按照指定周期获取用于绘制目标图表的多个数据；

相应的，绘制模块520包括：

第二判断单元，用于判断本次获取到的多个数据相较于上一次获取到的多个数据是否发生变化；

绘制单元，用于若本次获取到的多个数据相较于上一次获取到的多个数据发生变化，则根据本次获取到的多个数据重新绘制目标图表；

存储模块530包括：

更新单元，用于根据重新绘制的目标图表更新对象存储服务OSS。

在一个实施例中，多个数据为基金相关数据；目标图表为基金走势图。

采用本说明书一个或多个实施例的装置，通过获取用于绘制目标图表的多个数据，并根据多个数据绘制目标图表，将目标图表存储至对象存储服务OSS中。使得客户端在网页中加载目标图表时，可直接获取并加载预先绘制的目标图表，由于获取到的是对象存储服务OSS中的图片数据，因此相较于获取多个数据实时绘制目标图表的方式而言，该技术方案消除了页面加载过程中绘制目标图表的时间，从而提高了页面加载速度以及目标图表在页面中的展示速度，大大提高了用户的体验度。

本领域的技术人员应可理解，上述在网页中展示图表的装置能够用来实现前文所述的在网页中展示图表的方法，其中的细节描述应与前文方法部分描述类似，为避免繁琐，此处不另赘述。

基于同样的思路，本说明书一个或多个实施例还提供一种在网页中展示图表的设备，如图6所示。在网页中展示图表的设备可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上的处理器601和存储器602，存储器602中可以存储有一个或一个以上存储应用程序或数据。其中，存储器602可以是短暂存储或持久存储。存储在存储器602的应用程序可以包括一个或一个以上模块(图示未示出)，每个模块可以包括对在网页中展示图表的设备中的一系列计算机可执行指令。更进一步地，处理器601可以设置为与存储器602通信，在在网页中展示图表的设备上执行存储器602中的一系列计算机可执行指令。在网页中展示图表的设备还可以包括一个或一个以上电源603，一个或一个以上有线或无线网络接口604，一个或一个以上输入输出接口605，一个或一个以上键盘606。

具体在本实施例中，在网页中展示图表的设备包括有存储器，以及一个或一个以上的程序，其中一个或者一个以上程序存储于存储器中，且一个或者一个以上程序可以包括一个或一个以上模块，且每个模块可以包括对在网页中展示图表的设备中的一系列计算机可执行指令，且经配置以由一个或者一个以上处理器执行该一个或者一个以上程序包含用于进行以下计算机可执行指令：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；所述指定存储区域包括对象存储服务OSS；

将获取到的所述目标图表展示在所述网页中。

可选地，所述指定存储区域包括客户端本地、内容分发网络CDN中的至少一项。

可选地，计算机可执行指令在被执行时，还可以使所述处理器：

判断所述客户端本地是否存储有预先绘制的所述目标图表；

若所述客户端本地存储有所述目标图表，则从所述客户端本地获取所述目标图表；若所述客户端本地未存储有所述目标图表，则进一步判断所述内容分发网络CDN中是否存储有所述目标图表；

若所述内容分发网络CDN中存储有所述目标图表，则从所述内容分发网络CDN中获取所述目标图表；若所述内容分发网络CDN中未存储有所述目标图表，则从所述对象存储服务OSS中获取所述目标图表。

可选地，所述指令中包含所述目标图表的目标地址信息；

相应的，计算机可执行指令在被执行时，还可以使所述处理器：

根据所述指定存储区域中预存的地址信息与图表之间的对应关系，获取所述目标地址信息对应的所述目标图表。

可选地，所述多个数据为基金相关数据；所述目标图表为基金走势图。

基于同样的思路，本说明书一个或多个实施例还提供一种在网页中展示图表的设备，如图7所示。在网页中展示图表的设备可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上的处理器701和存储器702，存储器702中可以存储有一个或一个以上存储应用程序或数据。其中，存储器702可以是短暂存储或持久存储。存储在存储器702的应用程序可以包括一个或一个以上模块(图示未示出)，每个模块可以包括对在网页中展示图表的设备中的一系列计算机可执行指令。更进一步地，处理器701可以设置为与存储器702通信，在在网页中展示图表的设备上执行存储器702中的一系列计算机可执行指令。在网页中展示图表的设备还可以包括一个或一个以上电源703，一个或一个以上有线或无线网络接口704，一个或一个以上输入输出接口705，一个或一个以上键盘706。

具体在本实施例中，在网页中展示图表的设备包括有存储器，以及一个或一个以上的程序，其中一个或者一个以上程序存储于存储器中，且一个或者一个以上程序可以包括一个或一个以上模块，且每个模块可以包括对在网页中展示图表的设备中的一系列计算机可执行指令，且经配置以由一个或者一个以上处理器执行该一个或者一个以上程序包含用于进行以下计算机可执行指令：

获取用于绘制目标图表的多个数据；

根据所述多个数据绘制所述目标图表；

将所述目标图表存储至对象存储服务OSS中，以使所述对象存储服务OSS在接收到来自客户端的在网页中加载所述目标图表的指令时，将所述目标图表发送至所述客户端以加载至所述网页中。

可选地，计算机可执行指令在被执行时，还可以使所述处理器：

在将所述目标图表存储至对象存储服务OSS中之后，将所述目标图表发送至内容分发网络CDN；

或，

当接收到来自客户端的针对所述目标图表的加载指令时，将所述目标图表发送至内容分发网络CDN；其中，所述内容分发网络CDN用于将所述目标图表返回至所述客户端。

可选地，计算机可执行指令在被执行时，还可以使所述处理器：

按照指定周期获取用于绘制所述目标图表的多个数据；

判断本次获取到的所述多个数据相较于上一次获取到的所述多个数据是否发生变化；

若是，则根据本次获取到的所述多个数据重新绘制所述目标图表；根据重新绘制的所述目标图表更新所述对象存储服务OSS。

可选地，所述多个数据为基金相关数据；所述目标图表为基金走势图。

本说明书一个或多个实施例还提出了一种计算机可读存储介质，该计算机可读存储介质存储一个或多个程序，该一个或多个程序包括指令，该指令当被包括多个应用程序的电子设备执行时，能够使该电子设备执行上述在网页中展示图表的方法，并具体用于执行：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；所述指定存储区域包括对象存储服务OSS；

将获取到的所述目标图表展示在所述网页中。

本说明书一个或多个实施例还提出了一种计算机可读存储介质，该计算机可读存储介质存储一个或多个程序，该一个或多个程序包括指令，该指令当被包括多个应用程序的电子设备执行时，能够使该电子设备执行上述在网页中展示图表的方法，并具体用于执行：

获取用于绘制目标图表的多个数据；

根据所述多个数据绘制所述目标图表；

将所述目标图表存储至对象存储服务OSS中，以使所述对象存储服务OSS在接收到来自客户端的在网页中加载所述目标图表的指令时，将所述目标图表发送至所述客户端以加载至所述网页中。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书一个或多个实施例时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本说明书一个或多个实施例可提供为方法、系统、或计算机程序产品。因此，本说明书一个或多个实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本说明书一个或多个实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本说明书一个或多个实施例是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本说明书一个或多个实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本说明书一个或多个实施例而已，并不用于限制本说明书。对于本领域技术人员来说，本说明书一个或多个实施例可以有各种更改和变化。凡在本说明书一个或多个实施例的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本说明书一个或多个实施例的权利要求范围之内。

Claims (22)

1.一种在网页中展示图表的方法，应用于客户端，包括：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；

将获取到的所述目标图表展示在所述网页中。

2.根据权利要求1所述的方法，所述指定存储区域包括客户端本地、内容分发网络CDN和对象存储服务OSS中的至少一项。

3.根据权利要求2所述的方法，所述指定存储区域包括客户端本地和内容分发网络CDN；所述从指定存储区域中获取预先绘制的所述目标图表，包括：

判断所述客户端本地是否存储有预先绘制的所述目标图表；

若所述客户端本地存储有所述目标图表，则从所述客户端本地获取所述目标图表；若所述客户端本地未存储有所述目标图表，则进一步判断所述内容分发网络CDN中是否存储有所述目标图表；

若所述内容分发网络CDN中存储有所述目标图表，则从所述内容分发网络CDN中获取所述目标图表；若所述内容分发网络CDN中未存储有所述目标图表，则从所述对象存储服务OSS中获取所述目标图表。

4.根据权利要求1所述的方法，所述指令中包含所述目标图表的目标地址信息；

相应的，所述从指定存储区域中获取预先绘制的所述目标图表，包括：

根据所述指定存储区域中预存的地址信息与图表之间的对应关系，获取所述目标地址信息对应的所述目标图表。

5.根据权利要求1所述的方法，所述多个数据为基金相关数据；所述目标图表为基金走势图。

6.一种在网页中展示图表的方法，应用于客户端，包括：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成；

将获取到的所述目标图表展示在所述网页中。

7.根据权利要求6所述的方法，所述指定存储区域包括客户端本地、内容分发网络CDN和对象存储服务OSS中的至少一项。

8.根据权利要求6所述的方法，所述指令中包含所述目标图表的目标地址信息；

相应的，所述从指定存储区域中获取预先绘制的所述目标图表，包括：

根据所述指定存储区域中预存的地址信息与图表之间的对应关系，获取所述目标地址信息对应的所述目标图表。

9.一种在网页中展示图表的方法，应用于服务器，包括：

获取用于绘制目标图表的多个数据；

根据所述多个数据绘制所述目标图表；

将所述目标图表存储至指定存储区域中，以在接收到来自客户端的在网页中加载所述目标图表的指令时，使所述客户端从所述指定存储区域中获取所述目标图表以加载至所述网页中。

10.根据权利要求9所述的方法，所述指定存储区域包括客户端本地、内容分发网络CDN和对象存储服务OSS中的至少一项。

11.根据权利要求10所述的方法，还包括：

在将所述目标图表存储至对象存储服务OSS中之后，将所述目标图表发送至内容分发网络CDN；

或，

当接收到来自所述客户端的针对所述目标图表的加载指令时，将所述目标图表发送至内容分发网络CDN；其中，所述内容分发网络CDN用于将所述目标图表返回至所述客户端。

12.根据权利要求10所述的方法，所述获取用于绘制目标图表的多个数据，包括：

按照指定周期获取用于绘制所述目标图表的多个数据；

相应的，所述根据所述多个数据绘制所述目标图表；将所述目标图表存储至指定存储区域中，包括：

判断本次获取到的所述多个数据相较于上一次获取到的所述多个数据是否发生变化；

若是，则根据本次获取到的所述多个数据重新绘制所述目标图表；根据重新绘制的所述目标图表更新所述对象存储服务OSS。

13.根据权利要求9所述的方法，所述多个数据为基金相关数据；所述目标图表为基金走势图。

14.一种在网页中展示图表的装置，应用于客户端，包括：

第一获取模块，用于响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；

展示模块，用于将获取到的所述目标图表展示在所述网页中。

15.一种在网页中展示图表的装置，应用于客户端，包括：

第一获取模块，响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成；

展示模块，用于将获取到的所述目标图表展示在所述网页中。

16.一种在网页中展示图表的装置，应用于服务器，包括：

第二获取模块，用于获取用于绘制目标图表的多个数据；

绘制模块，用于根据所述多个数据绘制所述目标图表；

存储模块，用于将所述目标图表存储至指定存储区域中，以在接收到来自客户端的在网页中加载所述目标图表的指令时，使所述客户端从所述指定存储区域中获取所述目标图表以加载至所述网页中。

17.一种在网页中展示图表的设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；

将获取到的所述目标图表展示在所述网页中。

18.一种在网页中展示图表的设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成；

将获取到的所述目标图表展示在所述网页中。

19.一种在网页中展示图表的设备，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器：

获取用于绘制目标图表的多个数据；

根据所述多个数据绘制所述目标图表；

将所述目标图表存储至指定存储区域中，以在接收到来自客户端的在网页中加载所述目标图表的指令时，使所述客户端从所述指定存储区域中获取所述目标图表以加载至所述网页中。

20.一种存储介质，用于存储计算机可执行指令，所述可执行指令在被执行时实现以下流程：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成，且所述多个数据更新时，所述指定存储区域中的所述目标图表也相应更新；

将获取到的所述目标图表展示在所述网页中。

21.一种存储介质，用于存储计算机可执行指令，所述可执行指令在被执行时实现以下流程：

响应于在网页中加载目标图表的指令，从指定存储区域中获取预先绘制的所述目标图表；其中，所述目标图表根据多个数据绘制而成；

将获取到的所述目标图表展示在所述网页中。

22.一种存储介质，用于存储计算机可执行指令，所述可执行指令在被执行时实现以下流程：

获取用于绘制目标图表的多个数据；

根据所述多个数据绘制所述目标图表；

将所述目标图表存储至指定存储区域中，以在接收到来自客户端的在网页中加载所述目标图表的指令时，使所述客户端从所述指定存储区域中获取所述目标图表以加载至所述网页中。

Images