过去,我写了一些大型屏幕可视化,发现它有点落后和更新。
主要想法是根据设计图的大小使用变焦页面。
为了保持页面的缩放比率,有必要与相应容器的实施合作,例如该项目:
不需要使用以上的实现,但是页面的高度将在某些屏幕下扁平,因为屏幕尺寸和设计图的宽度比不一致。
为了可读性,该页面通常分为组件分为组件。数据结合,一般两种情况:
1.大屏幕数据返回所有接口。将属性设置为需要数据的每个组件,然后请求主页上的数据。它可以通过。这取决于代码。这并不复杂。
2.每个图表模块在一个接口中单独返回数据。这是相应的组件请求数据,需要数据。
所涉及的文件如下(特定参考):
只需查看目录以查看代码即可。
大屏幕的布局有各种各样的,我自己修改了情况。这只是一个例子。这里的方案可以确保根据设置大小的规模下的页面来实现响应效应。现在,大多数项目都是通过设计图纸和合作进行的,这些项目基本上可以实现90%+设计。其余的10%,主要是因为地图不能在Willrestore上进行100%休闲,因此可以完美地实现其他零件。
数据可视化(图表的实现)使用了ECHART,到目前为止已经完成了许多大型屏幕项目,这是一组用法集,这更成熟和稳定。供使用,请参考以下内容
原始:https://juejin.cn/post/7099746692295032846
