数据可视化-监控大屏呈现和拓扑图绘制工具总结( 五 )
大屏设计
对于大屏设计 ， 实际上里面有几个关键点 ， 首先就是大屏展示需要有一个CSS模板 ， 这个模板决定了所有的单面板图表的配色风格 ， 包括具体的底色 ， 前端的色系选择等 。 选择模板就是确保最终的大屏展示各个单面板风格能够完全保持一致 。
大屏版面设计 ， 仍然采用标准的Grid布局模式即可 ， 可以看到所有的大屏展示基本都采用Grid布局模式 。 每个单面板你唯一要确定的就是横向跨几行 ， 纵向跨几列即可 。 类似上面的图 ， 我们采用4*4Grid进行布局 ， 中间的地图展示则是横向跨3行 ， 纵向跨两列 。
大屏整体的展示动态刷新能力
在以上设计完成后 ， 我们整个大屏展示效果也就出来了 。 在该大屏设计中我们没有考虑动态查询功能 。 但是大屏监控仍然需要动态进行刷新 。 因此在设计大屏的时候需要具备动态刷新能力 ， 为了考虑后续具备一定的扩展性 ， 我们需要能够将关键的一些变量参数传递到图表展示中 。
【数据可视化-监控大屏呈现和拓扑图绘制工具总结】最关键的参数就是当前时间 ， 当前的时间需要能够传递到每一个数据集Sql中 ， 方便我们根据时间进行数据过滤 。 同时对于大屏我们需要配置定时刷新频率 ， 基于该频率对展示内容进行动态刷新 。
推荐阅读
- 西部数据在CES 2021推出多款4TB容量的旗舰级SSD
- WhatsApp收集用户数据新政惹众怒，“删除WhatsApp”在土耳其上热搜
- 未来想进入AI领域，该学习Python还是Java大数据开发
- 黑客窃取250万个人数据 意大利运营商提醒用户尽快更换SIM卡
- 阳狮报告：4成受访者认为自己的数据比免费服务更有价值
- 中消协点名大数据网络杀熟 反对利用消费者个人数据画像
- 学习大数据是否需要学习JavaEE
- 意大利运营商Ho Mobile被曝数据泄露
- 微软官方数据恢复工具即将更新：更易于上手 优化恢复性能
- HDMI 2.1诞生三年：超高速数据线落地 8K电视圆满了