最近公司要做一个展厅大屏的监控页面,包括几种图表类型,柱状图、条形图、饼图、锥形图、中国地图、各省地图、仪表盘等。
需求:以合适的图标展现指定的内容,要求实时监控。其中地图上要实时提现每个省的新增人数,点击某个省,弹出这个省的地图,实时展示每个市的新增人数及其他内容。整体高端大气上档次,给人实时监控的感觉。
实时机制:由于需要实时展示,涉及定时刷新。为了看上去有实时的效果,做了伪实时的处理,把一段时间内的数据分多次展示,而不再一次性展示完,这样就有数据实时变化的赶脚。
涉及技术:主要是echarts3图表技术、js定时器、一次请求数据分多次展现逻辑