基于echarts3的大屏展示

本文介绍了一款用于展厅的大屏监控页面设计方案,利用ECharts实现柱状图、条形图、饼图等多种图表,并通过伪实时技术实现数据的动态更新效果。特别地,文章详细阐述了如何实现在地图上显示各省份及下属城市的数据变动。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近公司要做一个展厅大屏的监控页面,包括几种图表类型,柱状图、条形图、饼图、锥形图、中国地图、各省地图、仪表盘等。

需求:以合适的图标展现指定的内容,要求实时监控。其中地图上要实时提现每个省的新增人数,点击某个省,弹出这个省的地图,实时展示每个市的新增人数及其他内容。整体高端大气上档次,给人实时监控的感觉。

实时机制:由于需要实时展示,涉及定时刷新。为了看上去有实时的效果,做了伪实时的处理,把一段时间内的数据分多次展示,而不再一次性展示完,这样就有数据实时变化的赶脚。

涉及技术:主要是echarts3图表技术、js定时器、一次请求数据分多次展现逻辑

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值