[发明专利]在网页中展示图表的方法及装置

说明书

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

技术领域

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

背景技术

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

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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