[发明专利]多图表页面的渲染方法、系统、电子设备和存储介质

说明书

本发明涉及数据处理技术领域，提供一种多图表页面的渲染方法、系统、电子设备和存储介质。渲染方法包括：响应于一多图表页面的查看请求，获取多个待渲染图表；为每个待渲染图表创建一渲染任务，并在每个待渲染图表的页面区域加载一占位图；创建一任务管理线程，将各渲染任务添加至任务管理线程；在任务管理线程中创建多个子线程，为每个子线程分配一渲染任务，使每个子线程执行对应的渲染任务，渲染图表数据；任务管理线程每接收到一当前子线程返回的图表数据，将图表数据返回至多图表页面的应用服务进程，使应用服务进程将图表数据加载至对应的占位图中。本发明能够实现多图表的高效渲染，提升用户的使用体验，提高应用服务的满意度。

技术领域

本发明涉及数据处理技术领域，具体地说，涉及一种多图表页面的渲染方法、系统、电子设备和存储介质。

背景技术

多图表渲染是数据分析处理的重要手段。对于数据来说，使用图表呈现可以使用户更加直观地看到数据的变化趋势，在现代软件系统中几乎无处不在，常见使用场景例如：实时系统访问量、系统稳定性监控、用户评分抓取等等。相关统计数据上报到大数据系统，分析完成后，最便捷直观的呈现方式便是采用多图表渲染，呈现在应用服务页面中，例如看板中。

传统的多图表渲染方法面对密集图表在同一应用服务页面中展示时，多图表渲染在应用服务的主进程中完成，由于需要大量资源计算和绘制图表，会阻塞应用主进程，造成应用卡顿、假死等情况，在相对比较差的电脑或手机中甚至会造成应用崩溃等问题，导致用户使用体验差，造成用户流失，对应用服务的满意度也造成极大影响。

需要说明的是，上述背景技术部分公开的信息仅用于加强对本发明的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

有鉴于此，本发明提供一种多图表页面的渲染方法、系统、电子设备和存储介质，能够在不影响应用服务进程的情况下，实现多图表的高效渲染，提升用户的使用体验，提高应用服务的满意度。

本发明的一个提供一种多图表页面的渲染方法，包括：响应于一多图表页面的查看请求，获取多个待渲染图表；为每个待渲染图表创建一渲染任务，并在每个所述待渲染图表的页面区域加载一占位图；创建一任务管理线程，将各渲染任务添加至所述任务管理线程；在所述任务管理线程中创建多个子线程，为每个子线程分配一渲染任务，使每个所述子线程执行对应的渲染任务，渲染图表数据；以及，所述任务管理线程每接收到一当前子线程返回的图表数据，将所述图表数据返回至所述多图表页面的应用服务进程，使所述应用服务进程将所述图表数据加载至对应的占位图中。

在一些实施例中，将所述图表数据返回至所述多图表页面的应用服务进程之后，还包括：所述任务管理线程判断是否有未分配的渲染任务；若是，为所述当前子线程分配一未分配的渲染任务；若否，关闭所述当前子线程。

在一些实施例中，所述的渲染方法还包括：所述任务管理线程判断是否有未执行完的渲染任务；若是，等待对应的子线程返回图表数据；若否，关闭所述任务管理线程。

在一些实施例中，将各渲染任务添加至所述任务管理线程之后，还包括：根据所述多图表页面的树形结构，获得每个所述待渲染图表的元素权重，所述树形结构中，自根元素至子元素的元素权重依次降低；将各所述待渲染图表的元素权重作为对应的渲染任务的排序权重，对各所述渲染任务进行降序排序，形成任务队列；以及，分配渲染任务时，按照所述任务队列的顺序进行分配。

在一些实施例中，形成任务队列之后，还包括：监测各占位图的点击操作；每监测到一当前占位图的点击操作，将所述当前占位图对应的渲染任务的排序权重上调预设比例，并根据上调后的排序权重对应调整所述任务队列。

在一些实施例中，使每个所述子线程执行对应的渲染任务，包括：所述子线程根据对应的渲染任务，自大数据服务中获取对应的接口数据；所述子线程解析所述接口数据，将所述接口数据渲染成位图格式的图表数据。