简单的echart数据可视化大屏

Description

简介
本项目是一个单页应用,用于在某地教育局展示一些设备的数据,基于react,echarts,typescritpe。
功能需求
1.在中间地图展示学校信息,开发者需将学校添加到中间地图上,鼠标悬浮至学校,展示学校防撞柱的(布放,撤防)状态,抽水泵(工作,停止)状态.点击学校,则弹出学校的监控播放遮罩层.
2.左右两边用图表和日志填充,自由发挥,看起来饱满,炫酷就行.
数据接口
这是一个展示用的项目,还没后端,前端数据需开发者自行编造,数据包括
1.防撞柱动作(不分升还是降),包括设备id,设备种类,时间
2.防撞柱状态.包括设备id,设备种类,时间,布防或撤防状态
3.水泵工作状态,设备id,设备种类,工作或没工作,时间
4.监控在线状态
技术要求
要求基于react,typescritpe,echarts,ant design。
已有资源
1.一个做的稀烂的react工程,里面有当地geo数据