1.布局,一般情況下大屏都是恰好鋪滿整個屏幕,當我們f11切換全屏時候經常會導致空出一節或者有部分內容超出屏幕,導致觀賞效果不佳。這時候我們只需要用100vh設置一個總容器再利用flex布局填充總容器就可以確保任何情況都是鋪滿全屏。
2.大屏資源實例:https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi該項目總結了很多大屏樣式,可以模仿設計出適合自己的方案。
3.echarts實例,圖表可以很直觀的表示數據特征,同事又很具有觀賞性,因此大屏制作中常用到許多圖表,https://gallery.echartsjs.com/explore.html提供了很多漂亮的echarts圖例子,通常我們只需在該網站上找到適合自己的圖表,copy下來加上自己的數據稍作修改就可以達到意想不到的效果。
4.優秀的配色和圖表間的間隔設計可以讓大屏給人一種眼前一亮的感覺,大大提升大屏的感染力(這是對比了自己和同事做的大屏后的感想),然而配色是個很難很費時間得活,能交給美工最好,如果沒有美工只能自己慢慢調整,https://color.adobe.com/zh/create這個工具可以自由搭配顏色,通過一定得顏色搭配原理找到適合放一起得顏色。
5.僅僅一個靜態的大屏難免讓人覺得枯燥,我們可以讓圖表產生輪播的效果讓圖表動起來,echarts-auto-tooltip.js這個插件可以很方便的用一行代碼讓圖表動起來。用法:https://www.cnblogs.com/chengwb/p/5833454.html
————————————————
版權聲明:本文為CSDN博主「weixin_39001363」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_39001363/java/article/details/104051836
演示網址:http://47.105.36.188:3001/DaShuJuZhiDaPingZhanShi/index.html