別人家的防疫實時監控大屏是怎麼做的?方法和技巧都在這裡了
復工返學高峰季是疫情防控的要緊時期,引起了全國企業和高校的高度重視。不少公司和學校將資訊化手段應用到了防疫工作中,數字大屏可以用做防疫資料監控的前端平臺,也能透過資料展示警醒大家不可放鬆警惕,在防疫資料監控與分析中可以起到重要作用。
但是,製作一張大屏可要花費不少精力,如何在一天內快速做好一張防疫資料實時監控大屏?需要做什麼準備,用到什麼材料、功能和技巧?
本文包含了重要的製作步驟和功能要點,還將附送兩套疫情防控模板,快來看看吧!
場景一:企業復工防疫資料大屏
背景介紹:
2月中下旬,XX公司的所有員工將陸續從全國各地返回公司所在地。行政部對復工防疫工作高度重視,不僅要求員工填報返程資訊,還請資訊部幫忙製作了一版“復工防疫資料大屏”。
大屏調整成兩個尺寸,分別掛載在行政部會議室門前和公司大樓的入口處,一方面方便行政管理專員實時監控員工返程、進入園區的情況,對異常情況及時出擊;一方面提醒前來上班的員工注意疫情防控,按時填報健康資訊、按要求做監控檢測。
前期準備:
在製作大屏之前,必須規劃好要用的資料指標、資料來源、整體排版,並熟悉要用的圖表功能。以下是該復工防疫大屏各個模組的內容規劃:
功能應用:
針對這個大屏場景,我們可以拆解出需要的功能和圖表。
1、線形場景地圖
需要展示員工從全國各省返回公司總部的行程,我們定位到流線型地圖;為了更好的視覺效果,我們採用場景地圖,並填入線、點兩類資料。
此圖可以形象地展示各個省份到公司總部江蘇省的人流方向和人數
2、資料定時重新整理
大屏具有實時監控的作用,對一些重要指標有較高的實時性要求。FR中所有的普通圖表、擴充套件圖表都具有監控重新整理功能。下圖為輪播KPI指標卡的監控重新整理示例:
對於報表塊內的資料,可以下載安裝“表單內報表塊重新整理外掛”
3、條件顯示預警資訊
體溫是疫情防控最為關注的資料之一,對於超過一定標準的體溫資料,我們希望能高亮顯示,起到預警提示的作用。
如上圖,疫情防控專員看到進入園區的人出現體溫異常,可立即聯絡相關人員做相應措施。詳細的設定方法見單元格條件顯示、圖表條件顯示。
4、表格自動滾動
大屏中有些區域用表格顯示明細資訊,如果表格太長就會出現影響視覺效果的捲軸,非常不利於大屏展示。我們的解決辦法是隱藏捲軸並讓表格自動滾屏:
場景二:高校學生健康資料大屏
背景介紹:
2月末至3月初,全國高校陸續開學,XX大學防疫工作小組請求資訊中心製作一張學生健康資料大屏,要求實時顯示學生返校和健康上報資訊。
大屏將掛載在主教學樓和校圖書館大廳最顯眼的牆壁,在師生進出時起到警示作用;同時,防疫工作小組和校領導也會時刻關注大屏中的資料變化。
功能應用:
1、輪播三維組合地圖
學生返程資訊不僅要求關注學生的行程和學生所在地,還需要關注全國各地的風險等級,採用輪播三維組合地圖可以輪播點、線形、柱形和區域四種型別的資料。
如上圖,採用線形地圖表示學生返校行程,柱形表示各省學生人數,區域資料標識出中高風險地區。
2、輪播條形圖
大屏中經常展示一些有關排名的資料,如下圖,為表彰每日健康上報最積極的學院,把上報率最高的幾個學院顯示在大屏上。
輪播條形圖以自動滾動的形式,用條形圖和百分比展示排名前五的健康上報率。
3、輪播餅圖:
因為是實時大屏,我們更希望圖表具有動態輪播的效果。因此,可以用輪播餅圖替代普通餅圖。
輪播餅圖將自動輪播每個系列的資料並高亮,比普通圖表更生動。獲取此圖表需要下載擴充套件圖表最新版,詳情見:輪播餅圖。
4、tab塊自動輪播
有時候,幾個維度的資料需要輪播展示,如下圖,三個校區的資料分為三個板塊,在同一區域輪播:
這個tab塊有3個tab頁,且嵌入了絕對畫布塊以便於內部圖表的排版,詳細的設定方法見tab塊介紹。
5、自定義開場影片
大屏所展示的資訊不僅限於資料本身,還可以結合影片,加強大屏的整體視聽體驗。在大屏載入前插入一段防疫主題的宣傳影片,影片與實時資料相結合,起到更好的價值宣導作用:
看完以上解說,你是否仍然感覺無從下手?沒關係,我們將這兩張模板免費提供給大家,在FineReport設計器中開啟即拿即用!
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/21472864/viewspace-2761335/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 為什麼大廠前端監控都在用GIF做埋點?前端
- PostgreSQL實時健康監控大屏-低頻指標SQL指標
- 技術債是什麼、怎麼還?你想知道的都在這一篇文章裡了!
- 做個別人家的網頁網頁
- 處理字串的方法都在這裡字串
- AI界的State of the Art都在這裡了AI
- 太酷了!龍族幻想時裝製作的祕密都在這裡了!
- 基於時序資料庫做監控,這裡有超流行的開源方案資料庫
- 你要的介面資料都在這裡了
- 能說會道愛辦公——“別人家的”Chrome外掛到底怎麼做Chrome
- 薑還是老的辣,軟體測試常用的工具都在這裡了
- 漫談Python魔術方法,見過的沒見過的都在這裡了Python
- PostgreSQL實時健康監控大屏-高頻指標(伺服器)SQL指標伺服器
- 新媒體運營怎麼做?快速入門的方法在這裡
- 全球疫情實時監控——約翰斯·霍普金斯大學資料大屏實現方案
- topthink 這樣的小組是怎麼做的
- 哎呦,這個社會和時代是怎麼了呢???
- 實時防疫地圖怎麼用?怎麼查詢離我最近的疫情病例?地圖
- 關於雜湊的一切,都在這裡了!
- 你想知道的HTML位置資訊都在這裡了HTML
- 曾經面試踩過的坑,都在這裡了~面試
- 海量資料監控如何選擇儲存方案? 看轉轉、得物這些企業是怎麼做的
- GMTC 大前端時代前端監控的最佳實踐前端
- 關於大屏視覺化,你想了解的都在這視覺化
- 省時省力更精準!資料監控是個好東西,我們應該怎麼做?
- 關於服裝ERP,你想知道的都在這裡了
- Conntrack 監控,別等故障了再回來加監控
- 做程式設計師一般都需要什麼學歷?大廠招不招低學歷?你想知道的都在這裡了程式設計師
- Excel求和只有sum求和?多種高階求和方法都在這裡了!Excel
- 在位元組,A/B 實驗是這麼做的!
- 關於 Apache Flink 和實時計算的最新動態、未來方向,你想知道的都在這裡Apache
- 延時佇列我在專案裡是怎麼實現的?佇列
- 再也不怕 JavaScript 報錯了,怎麼看怎麼處理都在這JavaScript
- C# 開發技巧 輕鬆監控方法執行耗時C#
- Fragment 相關知識點都在這裡了Fragment
- 七款好用且免費的CRM系統,都在這裡了
- 資料庫的基本資訊,都在這幾張表裡了資料庫
- 快來,你想要的koa知識幾乎都在這裡了!