一种毫秒级可视化页面、数据渲染展示的实现方式

本文围绕数据可视化页面展开,介绍通用实现方式,即通过配置管理平台选择图形样式、组合组件形成页面并获取数据。但传统结构存在页面响应慢、请求量大、服务负载高等问题。提出采用nginx+lua模板引擎+redis及调度任务的解决方案,从页面元素渲染和元素数据获取两方面阐述方案详情。

目录

一、通用实现方式

二、解决方案

三、方案详情

页面元素渲染

元素数据获取


一、通用实现方式

        数据可视化技术目前在应用中越来越受到重视,通过可视化表示来传达数据见解。其主要目标是将大型数据集提取为可视化图形,以便轻松了解数据中的复杂关系。它经常与信息图形、统计图形和信息可视化等术语互换使用。可视化页面通过配置管理平台选择对应的图形样式,各个图形元素组合形成整个完整的页面,页面通根据组件调用频率获取数据,完成整体流程,实现实时数据更新

        可视化页面元素通过配置化平台配置,页面是通过各个组件组合而成,获取页面模板整体元素,目前主要采用的技术是根据请求URL,查询配置信息,组装输出页面模版,在从客户端页面中渲染展示页面元素,按照请求频率,查询接口获取数据信息。但是传统结构在页面响应速度欠缺

1)、页面元素通过后台服务获取,页面元素渲染响应耗时,影响用户体验

2)、页面元素组件的数据根据一定频率定期获取数据,当多个页面同时请求时,会造成请求量骤增,对服务造成压力

3)、数据获取整个链路获取时间长,当高并发请求时,同一个组件数据都打到应用服务器,增加应用服务负载,影响使用率

二、解决方案

主要采用

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

springk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值