页面渲染方法、装置、计算机可读介质及电子设备制造方法及图纸

本公开涉及一种页面渲染方法、装置、计算机可读介质及电子设备，方法包括：响应于对页面的访问操作，从本地缓存中获取历史访问过程中所述页面对应的图表数据和排版数据，所述排版数据至少用于表征图表显示位置；确定本次访问过程中所述页面的目标显示尺寸；根据所述目标显示尺寸和所述排版数据，确定本次访问过程中所述图表的目标排版数据；根据所述图表数据和所述目标排版数据，在所述页面中渲染出图表。通过上述技术方案，可以从本地缓存中获取图表数据以及排版数据，提高图表渲染速度。另一方面，在进行图表渲染时，可以根据当前页面的显示尺寸对排版数据进行调整，使得所有图表均能够在当前页面中进行展示，保证图表的完整性。性。性。

【技术实现步骤摘要】
页面渲染方法、装置、计算机可读介质及电子设备


[0001]本公开涉及计算机
，具体地，涉及一种页面渲染方法、装置、计算机可读介质及电子设备。

技术介绍

[0002]页面渲染是将页面中的数据以可视化形式展示的过程，通过页面渲染，可以将抽象的数据转化为直观、易于理解的形式，从而帮助用户更好地理解数据分布、数据变化和数据相关性，进而进行数据分析和决策。

技术实现思路

[0003]提供该
技术实现思路
部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该
技术实现思路
部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
[0004]第一方面，本公开提供一种页面渲染方法，所述方法包括：
[0005]响应于对页面的访问操作，从本地缓存中获取历史访问过程中所述页面对应的图表数据和排版数据，所述排版数据至少用于表征图表显示位置；
[0006]确定本次访问过程中所述页面的目标显示尺寸；
[0007]根据所述目标显示尺寸和所述排版数据，确定本次访问过程中所述图表的目标排版数据；
[0008]根据所述图表数据和所述目标排版数据，在所述页面中渲染出图表。
[0009]第二方面，本公开提供一种页面渲染装置，所述装置包括：
[0010]第一获取模块，用于响应于对页面的访问操作，从本地缓存中获取历史访问过程中所述页面对应的图表数据和排版数据，所述排版数据至少用于表征图表显示位置；
[0011]第一确定模块，用于确定本次访问过程中所述页面的目标显示尺寸；
[0012]第二确定模块，用于根据所述目标显示尺寸和所述排版数据，确定本次访问过程中所述图表的目标排版数据；
[0013]第一渲染模块，用于根据所述图表数据和所述目标排版数据，在所述页面中渲染出图表。
[0014]第三方面，本公开提供一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现第一方面中任一项所述方法的步骤。
[0015]第四方面，本公开提供一种电子设备，包括：
[0016]存储装置，其上存储有计算机程序；
[0017]处理装置，用于执行所述存储装置中的所述计算机程序，以实现第一方面中任一项所述方法的步骤。
[0018]通过上述技术方案，可以从本地缓存中获取页面在历史访问过程中的图表渲染数据，即，图表数据以及排版数据，从而根据图表渲染数据在页面中渲染出相应的图表。相较
于相关技术从服务器中获取图表渲染数据，本公开可以有效降低图表渲染数据的传输时间，提高图表渲染速度。另一方面，在根据历史访问过程中的图表数据以及排版数据进行图表渲染时，针对当前访问操作下页面的目标显示尺寸对排版数据进行了调整，使得所有的图表均能够在当前页面进行展示，保证了图表在页面中的完整性。
[0019]本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
[0020]结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。在附图中：
[0021]图1是根据本公开一示例性实施例提供的一种页面渲染方法的流程图；
[0022]图2是根据本公开一示例性实施例提供的一种从服务器获取图表配置项和图表数据项并进行图表渲染后的页面；
[0023]图3是根据本公开一示例性实施例提供的一种从本地缓存获取图表数据和排版数据并进行图表渲染后的页面；
[0024]图4是根据本公开一示例性实施例提供的一种页面渲染装置的框图；
[0025]图5是根据本公开一示例性实施例示出的一种电子设备的结构示意图。
具体实施方式
[0026]下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
[0027]应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
[0028]本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
[0029]需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
[0030]需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
[0031]本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
[0032]可以理解的是，在使用本公开各实施例公开的技术方案之前，均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
[0033]例如，在响应于接收到用户的主动请求时，向用户发送提示信息，以明确地提示用户，其请求执行的操作将需要获取和使用到用户的个人信息。从而，使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
[0034]作为一种可选的但非限定性的实现方式，响应于接收到用户的主动请求，向用户发送提示信息的方式例如可以是弹窗的方式，弹窗中可以以文字的方式呈现提示信息。此外，弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。
[0035]可以理解的是，上述通知和获取用户授权过程仅是示意性的，不对本公开的实现方式构成限定，其它满足相关法律法规的方式也可应用于本公开的实现方式中。
[0036]同时，可以理解的是，本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
[0037]正如
技术介绍
所言，页面渲染是将页面中的数据以可视化形式展示的过程，通过页面渲染，可以将抽象的数据转化为直观、易于理解的形式，从而帮助用户更好地理解数据分布、数据变化和数据相关性，进而进行数据分析和决策。
[0038]相关技术在进行页面渲染时，需要从服务器中获取图表渲染数据，由于从服务器中获取图表渲染本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面渲染方法，其特征在于，所述方法包括：响应于对页面的访问操作，从本地缓存中获取历史访问过程中所述页面对应的图表数据和排版数据，所述排版数据至少用于表征图表显示位置；确定本次访问过程中所述页面的目标显示尺寸；根据所述目标显示尺寸和所述排版数据，确定本次访问过程中所述图表的目标排版数据；根据所述图表数据和所述目标排版数据，在所述页面中渲染出图表。2.根据权利要求1所述的方法，其特征在于，所述排版数据包括历史访问过程中所述页面的历史显示尺寸和所述图表的历史显示位置，所述根据目标显示尺寸和所述排版数据，确定本次访问过程中所述图表的目标排版数据，包括：根据所述目标显示尺寸和所述历史显示尺寸，确定所述历史访问过程和所述本次访问过程中所述页面的尺寸变换比例，并根据所述尺寸变换比例和所述历史显示位置，确定目标显示位置；将所述目标显示位置和所述目标显示尺寸确定为目标排版数据。3.根据权利要求2所述的方法，其特征在于，所述根据所述目标显示尺寸和所述历史显示尺寸，确定所述历史访问过程和所述本次访问过程中所述页面的尺寸变换比例，并根据所述尺寸变换比例和所述历史显示位置，确定目标显示位置，包括：确定所述页面的历史显示宽度与目标显示宽度的宽度比值，将所述宽度比值和所述图表的历史X轴位置坐标的乘积确定为所述图表的目标X轴位置坐标，并确定所述页面的历史显示高度和目标显示高度的高度比值，将所述高度比值和所述图表的历史Y轴位置坐标乘积确定为所述图表的目标Y轴位置坐标，以得到所述目标显示位置，其中，X轴位置坐标为沿所述页面宽度方向的坐标，Y轴位置坐标为沿所述页面高度方向的坐标。4.根据权利要求1
‑
3中任一项所述的方法，其特征在于，所述图表数据包括所述页面中每个图表的数据编码，所述根据所述图表数据和所述目标排版数据，在所述页面中渲染出图表，包括：针对每个所述图表，执行以下步骤：在所述页面中创建图像节点；将所述图表的数据编码配置为所述图像节点的图像属性，并根据所述目标排版数据配置所述图像节点的宽度属性和高度属性，以在所述页面中渲染出图表。5.根据权利要求1
‑
3中任一项所述的方法，其特征在于，所述从本地缓存中获取历史访问过程中所述页面对应的图表数据和排版数据，包括：确定所述本地缓存中是否存在所述页面对应的图表数据和排版数据；当所述本地缓存中存在所述页面对应的图表数据和排版数据时，从所述本...

【专利技术属性】
技术研发人员：方旭琦，
申请(专利权)人：北京字跳网络技术有限公司，
类型：发明
国别省市：