web前端,可视化大屏怎样实现

979 阅读1分钟

了解可视化大屏

可视化大屏是指通过将数据以图表、图形、地图、仪表盘等形式进行可视化展示,将复杂的数据信息直观易于理解的方式呈现在大屏上
它通常采用交互式设计,可以实时监测分析各种数据指标,并随着数据的更新动态展示

可视化大屏示例

素材来源于:百度智能云-Sugar BI

Snipaste_2023-07-03_16-35-59.png

Snipaste_2023-07-03_16-37-47.png

Snipaste_2023-07-03_16-38-40.png

Snipaste_2023-07-03_16-40-00.png

如何实现

图表展示

1、Apache的Echarts
直达链接:Echarts

Snipaste_2023-07-03_16-43-22.png

Snipaste_2023-07-03_16-52-27.png

2、阿里的AntV
直达链接:AntV

Snipaste_2023-07-03_16-53-48.png

Snipaste_2023-07-03_16-58-06.png

Snipaste_2023-07-03_17-11-29.png

边框及UI

1、找UI设计
2、使用DataV
直达链接:DataV

Snipaste_2023-07-03_17-19-01.png

结语

图表方面作者使用的是 AntV,没有最好的,只有适合自己的
后面会出一期Vue整合 AntV + DataV 实现可视化大屏入门的教程