专用于江津市场部对外展示的报表类数据大屏项目。原技术为帆软报表,但由于资源消耗过大,因此需要使用其他手段。
总体框架基于Vue,通过结合Echarts、高德地图来复刻帆软软件的效果。
利用Echarts来完成本项目的各种数据图部分,包括柱状图、折线图、雷达图、地图以及两种图的混合展示。
本次表格的关键在于来回滚动,鼠标移入停止滚动,鼠标移出时在暂停位置继续滚动,因此没有使用el-table。通过原生手段自己封装了一个表格组件,并通过监控组件的高度,利用延迟器配合回调来完成表格组件的来回滚动,以及暂停。
引入高德地图,应需求完成路线规划、轨迹动画回放的功能。
点击空白处退出提示













评论