一、前言

為了編寫資料視覺化大屏介面電子看板系統，為了能夠相容Qt4和嵌入式linux系統，尤其是那種主頻很低的，但是老闆又需要在這種硬體上（比如樹莓派、香橙派、全志H3、imx6）展示這麼華麗的介面時，就必須用最傳統的painter方法來實現所有的控制元件了，一開始使用的QChart來實現各個子控制元件，在使用過程中發現比較雞肋，個人感覺QChart是所有的子模組中原始碼寫的最爛的，本人把QChart的原始碼看了一遍，比如餅圖控制元件，居然放置一個label用來顯示對應的文字描述，都懶得用painter去繪製，而且還有大量的型別轉換，這個就效率大大降低了，雖然效果上挺好的，比如繼承自QAnimation類自定義的chart動畫類，還有個整體換膚的，但是在大量資料展示的時候，卡的一逼，比QWT和QCustomPlot差很遠，本人看過QCustomPlot的原始碼，儘管就一個檔案，（其實作者那邊肯定是多個檔案的，只不過釋出的時候合併成一個檔案釋出的，畢竟這樣對於使用者來說使用還是很方便的，就是閱讀不方便，畢竟大部分人用來是直接使用的而不是研究程式碼的。）但是裡邊的程式碼質量非常好非常高，本人特別推崇用QCustomPlot來展示曲線和柱狀圖等，效率很高，本人親自試過最大展示50W資料點，還可以。據朋友所說，可能QWT質量還要更高，我沒有研究過QWT的原始碼，不予置評，估計有可能是的。

在整個資料視覺化大屏介面電子看板系統中，自定義出來的曲線效果包括滑鼠移動到對應資料點高亮顯示，並在一旁彈出tootip提示資訊顯示更詳細的資料，這個提示資訊的位置還要能根據點的位置自動調整以便顯示全部，比如左側第一個點，提示資訊最好在右側，右側最後一個點，提示資訊最好在左側，這樣就比較人性化了。同時還提供遊標十字線來跟隨滑鼠移動，或者提供一個固定的線條作為標識資料，比如警戒線。

二、電子看板介紹

電子看板是目視化管理的一種表現形式，即對資料的狀況一目瞭然地表現，主要是對於管理專案，它通過利用形象直觀而又色彩適宜的各種視覺感知資訊來組織現場生產活動，目視管理依據人類的生理特徵，在生產現場充分利用訊號燈、標識牌、符號顏色等方式來發出視覺訊號，鮮明準確地刺激人的神經末梢，快速地傳遞資訊，形象直觀地將潛在的問題和浪費現象都顯現出來。以便任何人都可以及時掌握管理現狀和必要的情報，從而能夠快速制定並實施應對措施。因此，管理看板是發現問題、解決問題的非常有效且直觀的手段，是優秀的現場管理必不可少的工具之一。

三、功能特點

1. 整體總共分三級介面，一級介面是整體佈局，二級介面是單個功能模組，三級介面是單個控制元件。
2. 子控制元件包括餅圖+圓環圖+曲線圖+柱狀圖+柱狀分組圖+橫向柱狀圖+橫向柱狀分組圖+合格率控制元件+百分比控制元件+進度控制元件+裝置狀態面板+表格資料+地圖控制元件(包括動態閃爍點+遷徙圖等)+視訊控制元件+其他控制元件等。
3. 二級介面可以自由拖動懸浮，支援最小化最大化關閉，響應雙擊自定義標題欄。
4. 資料來源支援資料庫採集（預設）、網路通訊、網路請求等，可自由設定每個子介面的採集間隔即資料重新整理頻率。
5. 採用純QWidget編寫，支援Qt4.6到Qt5.12.3任何版本，支援嵌入式linux比如樹莓派、香橙派、全志、imx6等。
6. 提供三個核心版本，自定義控制元件版本+qchart版本+echart版本。
7. 內建多套配色風格樣式，預設紫色，支援任何解析度。
8. 可設定標題+目標解析度+佈局方案，啟動立即應用。
9. 可設定主背景顏色+面板顏色+十字線遊標顏色。
10. 可設定多條曲線顏色，沒有設定顏色的情況下內建15套精美顏色隨機應用。
11. 可設定標題欄背景顏色+文字顏色。
12. 可設定曲線圖表背景顏色+文字顏色+網格顏色。
13. 可設定正常顏色+警戒顏色+報警顏色+禁用顏色+百分比進度顏色。
14. 可分別設定各種字型大小，比如全域性+軟體名稱+標題欄+子標題欄+加粗標籤等。
15. 可設定標題欄高度+表頭高度+行高度。
16. 曲線支援遊標+懸停高亮資料點和顯示值，柱狀圖支援頂部（可設定頂端+上部+中間+底部）顯示資料，全部自適應計算位置。
17. 主介面直接滑鼠右鍵切換佈局+配色方案+關閉開啟某個二級窗體。
18. 自動記憶所有子視窗的大小和位置，下次啟動立即應用。
19. 動態載入佈局方案選單，可以動態新建佈局、恢復佈局、儲存佈局、另存佈局等，使用者可以製造任意佈局。
20. 二級窗體，雙擊從主窗體分離出來浮動，可以自由調整大小。再次雙擊標題欄最大化，再次雙擊還原。
21. 每個模組都可以自定義採集速度，如果是資料庫採集會自動排隊處理。

四、配置檔案說明

（1）、基本配置引數

欄位	描述	預設值
WorkMode	工作模式 timer-模擬資料 db-資料庫採集 tcp-網路採集 http-post請求	db
MapStyle	中間地圖樣式 image-靜態圖片 point-閃爍點 move-遷徙圖	point
Title	軟體標題，顯示在軟體中間頂部	數字化工廠資訊中心
Ratio	解析度，目前無意義	4096*216
Layout	佈局方案，每次切換佈局方案以後都會儲存	完整佈局
Theme	配色方案，每次切換配色方案以後都會儲存	紫色風格
VideoAddr	視訊流地址，視訊模組播放的視訊地址	鳳凰衛視
AutoRun	是否開機啟動	false
MoveEnable	模組是否可以拖動，啟用以後模組可以任意拖動	true
CutLeftBottom	底部佈局左側是否切掉	true
CutRightBottom	底部佈局右側是否切掉	true
StaticLine	是否繪製靜態定位線，為假則繪製遊標十字線	true
ShowPercent	Y軸是否顯示百分比	true
StepY	Y軸大尺度步長	6
CursorHideTime	使用者不操作滑鼠自動隱藏滑鼠的時間間隔，單位秒	5

（2）、顏色配置引數

欄位	描述	預設值
ColorMainBg	主背景顏色	QColor(4, 7, 38)
ColorPanelBg	面板背景顏色	QColor(26, 29, 60)
ColorLine	十字線定位線顏色	QColor(255, 0, 0)
ColorLine1	線條1顏色	QColor(0, 176, 180)
ColorLine2	線條2顏色	QColor(32, 159, 223)
ColorLine3	線條3顏色	QColor(255, 192, 0)
ColorTitleBg	標題欄背景顏色	QColor(48, 48, 85)
ColorTitleText	標題欄文字顏色	QColor(255, 255, 255)
ColorChartBg	曲線圖表背景顏色	QColor(38, 41, 74)
ColorChartText	曲線圖表文字顏色	QColor(250, 250, 250)
ColorChartGrid	曲線圖表網格顏色	QColor(180, 180, 180)
ColorOk	正常顏色	QColor(0, 176, 180)
ColorLow	警戒顏色	QColor(255, 192, 0)
ColorAlarm	報警顏色	QColor(214, 77, 84)
ColorDisable	禁用背景顏色	QColor(210, 210, 210)
ColorPercent	環形百分比背景顏色	QColor(0, 254, 254)

（3）、字型和尺寸配置引數

欄位	描述	預設值
MainFont	全域性字號	微軟雅黑，12
NameFont	軟體名稱字號	19
LabFont	加粗標籤字號	12
DeviceFont	裝置面板字號	12
SubTitleFont	模組子標題欄字號	13
TitleFont	模組標題欄字號	15
TitleHeight	模組標題欄高度	23
HeadHeight	表格表頭高度	28
RowHeight	表格行高度	25

（4）、採集速度配置引數，單位毫秒

欄位	描述	預設值
IntervalModule1	模組1採集間隔	5000
IntervalModule2	模組2採集間隔	5000
IntervalModule3	模組3採集間隔	5000
IntervalModule4	模組4採集間隔	5000
IntervalModule5	模組5採集間隔	5000
IntervalModule6	模組6採集間隔	5000
IntervalModule7	模組7採集間隔	5000
IntervalModule8	模組8採集間隔	5000

（5）、本地資料庫配置引數

欄位	描述	預設值
LocalDBType	本地資料庫型別，Sqlite、Mysql等	Mysql
LocalDBIP	本地資料庫主機地址	127.0.0.1
LocalDBPort	本地資料庫埠	3306
LocalDBName	本地資料庫名稱	bigscreen
LocalUserName	本地資料庫使用者名稱	root
LocalUserPwd	本地資料庫密碼	root

五、特別說明

1. 可執行檔案同級資料夾有layout+layout_1440+layout_1920，程式預設自動識別解析度並載入對應的佈局資料夾，比如1920解析度則從layout_1920資料夾載入佈局，並作為整體佈局資料夾。
2. 程式預設是模擬資料，如果需要從資料庫採集則修改配置檔案WorkMode=db即可。
3. 如果發現佈局拖動亂了，可以直接滑鼠右鍵選擇恢復佈局即可，在儲存佈局以前。
4. 在中間地圖模組滑鼠右鍵可以彈出選單，切換佈局和配色方案等。
5. 在模組的標題欄上右鍵可以彈出預設的dock選單，用來顯示和隱藏各模組。
6. 軟體關閉過程中會自動儲存佈局，下次啟動以後自動應用。
7. 如果使用的預設的預設的配色方案比如紫色風格，則配置檔案中的顏色全部無效，會自動應用程式碼中的顏色，如果需要啟用自定義的顏色，則將配置檔案的 Theme=\x81ea\x5b9a\x4e49\x98ce\x683c 即可。此時開啟軟體會應用配置檔案中的顏色。
8. 右鍵選單可以截圖儲存，預設命名為 配色方案名稱_佈局方案名稱.png 儲存在snap目錄下。
9. 如果是XP系統請先執行fixff.cmd，用來修復ffmpeg在XP上不可用的BUG。
10. 在二級窗體的標題欄上右鍵彈出模組選單，可以對單個模組開啟關閉，其他地方右鍵全域性選單。
11. 可執行檔案下載地址：https://pan.baidu.com/s/1o97IGvZgTgDhlkuXQa4B0w 提取碼：r2bv。
12. 會不定期更新程式，歡迎各位提出批評和建議。

六、效果圖

相關推薦