python 可視化大屏幕_如何用python搭建可視化看板?

可視化看板是指大屏 駕駛艙 dashboard這些嗎,如果是,那不建議用python來做,不專業,目前沒有見過哪個項目上的大屏是用python做的,它不是萬能的

大屏的制作一般是這樣的

先根據用戶的需求,所在的行業,大屏軟硬件情況,設計一個雛形框架出來,比如大屏多大,幾個模塊組成,怎么排列,每個模塊多大,放什么元素組件

然后再開始分工去做

整體框架和配色一般由頁面人員和美工來完成,里面的組件元素一般會用報表工具來做,因為報表工具可以比較好的處理各類數據,而且可以輕松方便的把數據做成美觀的表格和圖形,這些單個的表格和圖形是大屏中最基本的組件,會占到全部工作量大的一半

然后再把組件放到整體頁面中,進行微調,一個大屏也就基本做成了

目前,一個真正的吻合客戶獨特個性化需求的大屏的制作,全部都當成一個小型項目來做才可以,不是說套用一些已有的模板就行的,模板那是別人的,不一定適合自己

下面是一個 用潤乾報表1w的版本做的電力行業大屏示例,只有工程是一個人,大概做了3天,沒有美工,可以從這個過程來了解下怎么做一個大屏

2018 年已經過半,各省又開始比考試成績了,考試科目就叫 GDP,排在前面的自然揚眉吐氣,排在后面的,就灰頭土臉了,同樣都是大省份,同樣都是直轄市,為啥你排名靠前,我卻墊了底呢?來,讓小編給各位揭曉答案(此處應該有“咣咣咣”三聲響)。

答案便是:因為你用電量不夠高!!!

有托著腮幫子懷疑的,請看下國家電網的大屏分析,看看右下方的數據是不是我說的答案。

沉穩內斂型

繽紛炫酷型(怎么做更炫酷,請看文章結尾 )

注:以上都是基于剛剛發布不久還冒熱氣的真實數據做的統計。

其實,明眼人一看就知道小編這個答案是完全經不起推敲的,是小編為了吸引大家眼球硬生生的給捏出來的答案,但是這個答案也是有一定道理的。就像,我們說好學生用的練習本多是一個道理,不一定你用的練習本多就可以成為好學生,但是用的少的,大概率成不了好學生。

好了,我們就繼續就這個話題,繼續看看電網的電力統計還能幫我們分析出哪些信息和規律。

一個主題大屏包括 n 多小的模塊組件。就今天的主題,我們分為上半年全國各省用電情況統計、用電總量統計及與上年對比、全國全社會用電量情況(分各產業與居民用電)、用電大省的經濟發展情況(用電前五省份及 GDP 排名情況)、下半年用電預測及上半年發電情況分布等七個模塊。根據數據分析形式分別采用地圖、柱圖、儀表盤、折線等統計圖呈現,使其更直觀、更好理解。

潤乾報表怎么做大屏?!easy,無需多想,干就是了。

注:以下所用數據均來自國家能源局、統計局。

各省用電情況分析

以地圖形式呈現各省的用電情況,用電量越高 顏色越深。

做法:

1,準備數據

內建數據集,增加”地區”和”電量”字段,把獲取到的各省用電量數據依次錄入

2,設置統計圖及表達式

報表單元格內右–第三方統計–打開模板,選擇“地圖”

依次設置左側參數部分表達式:

dataname:數據集.select@r(地區,,,地區)

datavalue:H1{} 此處的H1內為擴展格擴展的所有用電量字段值,第一行隱藏

seriesName:[“用電量”]

legend:[“用電量”]

3,預覽效果

其中標題與副標題均可在地圖中設置,包括其他樣式(如左下的 dataRange、地圖用色、是否顯示數值等)可通過 echarts 的屬性處理。

注:以下統計圖均采用第三方 echarts2 統計圖,不再說明。

2018 年上半年用電總量統計、同比

以儀表盤形式呈現 2018 上半年、2017 上半年及 2017 全年用電總量。

直觀能看出,2018 年上半年已用電 32291 億千瓦時,相比 17 年的上半年同比增長 9.43%。2017 年全年用電 63077 億千瓦時,根據往年及 2018 上半年的增長情況,預計 2018 年全年用電量要逼近 70000 億千瓦時。

做法:

1,準備數據

儀表盤理論上本身只需要一個 value 值,所以無需準備數據集,可以直接在統計圖中定義。

注:實際還需要一個總的值,決定指針的位置。

2,儀表盤設置

該模塊下顯示 3 個數據,所以依次在相連的三個單元格內如下操作:

報表單元格內右–第三方統計–打開模板,選擇“儀表盤”

以 2018 年上半年為例

Series 內 max 設置為預估的 2018 年全年用電,data 內為上半年實際用電量。

3,預覽效果

全社會用電情況統計(即第一、二、三產業與居民生活用電)

以柱圖形式呈現,更直觀對比各產業及居民生活用電的增長情況。

分產業看,第一產業用電量 328 億千瓦時,同比增長 10.3%;第二產業用電量 22336 億千瓦時,同比增長 7.6%;第三產業用電量 5071 億千瓦時,同比增長 14.7%。城鄉居民生活用電量 4555 億千瓦時,同比增長 13.2%。

第二產業為用電大戶,這也是產業類型決定,占到社會用電的 70%。 第三產業涵蓋行業較多,相比城鄉居民用電總量高 11% 左右。另外,受天氣影響及人民生活水平改善,居民用電也同比增長 13.2%,增長速度很快。

做法:

1,準備數據

可以用報表數據集,當然因數據較少,直接定義在圖形里完全沒問題。

2,柱圖設置

第三方統計圖中選擇“柱圖”,其中

分別對應系列、分類軸及各系列對應數據。

3,預覽效果

注:以下幾個模塊與柱圖均屬一個圖形系列,不再啰嗦具體做法,僅做分析。

用電大省經濟發展情況

以條形圖呈現 2017 年全年及 2018 年上半年用電量前五的省份及 GDP 的排名情況。

作為觀察經濟走勢的風向標的指標,用電量占據一席。參考剛剛出爐的 2018 年上半年 GDP 各省排名情況,用電量前五的省份,前四位 GDP 排行也依次排在前四。第五位的河北,其用電量也在第七(環保專家又發話了?重工業又被關停了? 娛樂一下)。

所以,“要想 GDP 數據好,用電絕對不能少”還真不是口號,真的像一對夫妻相輔相成。

本人作為一個普通老百姓,息息相關的城鄉居民生活用電增長可真不少,估計這里面天氣因素(今年初的寒潮和入夏以來的蒸、燒烤天氣)功不可沒,當然也有老百姓消費升級的拉動(原來騎自行車解決的短途交通問題,現在都懶得換成平衡車、便攜折疊電動車了;刷個牙也都電動了;家庭空調 24 小時也不關機了,都是電(qian)啊)。

2018 年上半年發電情況

包括上半年總發電量,同比及累計增長,各月份發電量及各發電類型(火力、水力、風力、核能、太陽能)發電總量情況

各月發電量、同比及累計增長

各發電類型發電量統計

從增長情況看,充足的發電能力保障了社會用電。國家在保證充足供電情況下,為了環保考慮,不斷促進新能源發電的發展。從發電類型看,太陽能、水力等發電占比不斷擴大。這也看出國家在治理環境污染方面做出的巨大努力。

2018 年下半年用電預測

根據 2018 年上半年的用電情況及同比增長情況,以折線圖形式呈現下半年個月的預測用電量,該數據可以為發電計劃做參考。

根據上半年用電、往年下半年用電增長情況,這里預測了下下半年各月的可能用電情況,總量接近 70000 億千瓦時。下半年能否提供充足保障?讓我們拭目以待!!

整體布局

再來聊聊怎么擺楞這些組件,本例采用視覺美觀的對稱(基本)結構,根據呈現的業務數據合理布局各模塊。其中的地圖作為焦點,顯示各省用電情況,觀感上大氣,數據也清晰明了。

另外,整個大屏也并非所有的必須都是數據,還可增加符合主題的圖片等美化效果,當然占比要適當。

溫馨提示:對于大屏展示,整體及各組件的大小要根據實際的情況做調整,才能與實際展示設備更匹配。

設計好布局后,將前面做好的組件一一放好即可,對應調整好大小 使其達到最協調、最美的展示效果。

嗯,還是挺漂亮的。

配色說明

1,背景色(當然可以用圖片)的選取

整體采用深藍色,一是有科技感,二是大屏顯示不會刺眼(小秘密:屏幕亮度高的話,用淺色會亮瞎你的小眼兒)。

組件背景采用亮度稍高的藍色(#264C70),和大背景對比,不會跳色,承接自然。同時避免用太“臟”,比如深灰色系等,雖然不刺眼,但看起來不舒服。

2,標題字體用色

(1)主標題,采用白色(#FFF),和其他配色相比有鶴立雞群的感覺,焦點。。。

(2)組件標題,文字及圖作為數據展示的重點,自然要突出一些,要抓住看客的眼球。此例中采用微軟雅黑的亮藍色(#87CEFA),文字前配上圓形圖標,更能引起看客的注意。有哪些組件也是一目了然,觀看者能快捷找到關注的內容。

3,統計圖配色

整體還是與背景色搭配,選擇相融的色系,還是避免跳色(不是說跳色不好,如果有特殊的數據還是有跳色更好,比如來個紅色突出一些預警數據)。

標簽文字:#679DBF

柱或折線的顏色:[‘#32749C’,‘#2F8CC0’,‘#75B6DD’,‘#4EB3AD’,‘#028688’]

能不能更炫酷?!

可以,開篇已劇透!

這里的炫酷是相對于沉穩內斂型來說,我們可以通過簡單調換顏色、增加效果背景圖等來使得整體更活潑、靚麗。

溫習一下圖

怎么改?! 真的特簡單。

1、 整體背景色由背景圖替代

好看的背景圖,可以將各組件襯托的更完美。

首先找或問美工要到合適的圖片,通過報表工具菜單欄,報表 -- 報表屬性 -- 背景圖 完成添加背景圖。

2、 調整統計圖柱線用色

原配色列表為 [‘#32749C’,‘#2F8CC0’,‘#75B6DD’,‘#4EB3AD’,‘#028688’],替換一組為 [‘#32749C’,‘#2F8CC0’,‘#75B6DD’,‘#4EB3AD’,‘#028688’]。

以“中下”位置的環形圖為例,編輯統計圖,找到

替換 color 值,齊活!

3、 調整軸標簽值配色

包含 X、Y 軸,以位置“左下”的柱圖為例,找到

直接替換成想要的(應該是更合適的)顏色即可。

通過以上簡單 3 小步,輕松靈活換風格,真心不由得想給自己個贊。

總結

“騙”大家進來了解了用電量和 GDP 的關系(腦洞開沒開,漲沒漲知識?!),其實更重要的是讓大家了解下潤乾報表也是可以處理大屏需求的(di),并且同樣做的很美。 對于大屏的制作,只要下足功夫,效果肯定是可以接近完美的。 當然最好給配個專門的美工人員,給開發人員們搞搞配色、布局等樣式問題,不然還有另外一個口號“真想大屏做的好,時間必定花不少”。

看完之后還不知道如何下手?沒關系,企業 QQ:800025723 歡迎隨時騷擾。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/443091.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/443091.shtml
英文地址,請注明出處:http://en.pswp.cn/news/443091.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

mysql語句轉為sql語句_MySQL 的分頁查詢 SQL 語句(轉)

轉自 https://www.cnblogs.com/wbxk/p/10644766.htmlMySQL一般使用 LIMIT 實現分頁。基本語句為:SELECT ... FROM ... WHERE ... ORDER BY ... LIMIT ...在中小數據量的情況下,這樣的SQL足夠用了,唯一需要注意的問題就是確保使用了索引。舉例…

mysql查詢選課最少成績最高_MySQL 練習

最近在學習MYSQL 數據庫,在此mark 一下做過的sql 相關練習表結構如下:teacher表tidtnameclass表cidcaptioncourse表cidcnameteacher_idstudent表sidgenderclass_idsnamescore表sidstudent_idcourse_idnumclass :teacher : course : student :score : 根…

mysql中nchar_淺談SQL Server、MySQL中char,varchar,nchar,nvarchar區別

1,定義:char: 固定長度,存儲ANSI字符,不足的補英文半角空格。nchar: 固定長度,存儲Unicode字符,不足的補英文半角空格varchar: 可變長度,存儲ANSI字符&…

mysql 5.764_RHEL5.764位源碼編譯安裝MySQL-5.5.42遇到的問題

由于MySQL從5.5之后的版本源碼編譯安裝用cmake, make, make install安裝,不用./Configure,make,make install 安裝,所以要看下系由于MySQL從5.5之后的版本源碼編譯安裝用cmake, make, make install安裝,不用./Configure,make,make install 安裝,所以要看…

java 判斷子類_java判斷class是否是某個類的子類或父類

Class c = ArrayList.class; c.isPrimitive(); //判斷c是否為基本數據類型 c.isAssignableFrom(List.class); //判斷c是否是List類的子類或父類 c.getGenericType(); //得到泛型類型 免費學習視頻分享:java視頻教程 實例:通過反射得到List 集合中的泛型類型package com.zf.ta…

java轉日期_Java時間日期格式轉換

import java.util.*;import java.text.*;importjava.util.Calendar;public classVeDate {/*** 獲取現在時間**return返回時間類型 yyyy-MM-dd HH:mm:ss*/public staticString getNowDate() {Date currentTime newDate();SimpleDateFormat formatter new SimpleDateFormat("…

java 對比工具_Java幾款性能分析工具的對比

在給客戶進行應用程序維護的過程中,我注意到一些關于高負載條件下的性能問題。理論上,增加對應用程序的負載會使性能有所下降,但是我認為性能下降的比率遠遠高于負載的增加,同時我也發現,性能可以通過改變應用程序的邏…

java for循環獲取value_Java遍歷取出Map集合key-value數據的4種方法

將map集合存數據與取出數據全部放在一個類MapTest中,方便閱讀與查看隨便創建一個包,在包中新建一個class文件,(也可以不建包,直接新建一個class文件)新建class文件MapTest.java,代碼如下:import java.util.HashMap;imp…

as3調用java_關于openamf我用as3鏈接java程序,并調用相關的方法,但是能夠連上,卻不能夠調用是怎么回事...

我用的openamf做flashremoting服務器是沒問題的!這是as的代碼!package{importflash.display.Sprite;importflash.net.ObjectEncoding;importcom.riafan.remoting.PendingCall;import...我用的openamf做flash remoting服務器是沒問題的!這是as…

phoenix hbase java_java jdbc訪問hbase phoenix

上面直接介紹了druid訪問hbase phoenix的案例hbase Phoenix整合mybatis DruidDataSource這里還是貼一下jdbc直接訪問的方式。public static void main(String[] args) {try {Class.forName("org.apache.phoenix.jdbc.PhoenixDriver");Properties propertiesnew Prope…

mp4v2 寫mp4 java_使用mp4v2將H264+AAC合成mp4文件

錄制程序要添加新功能:錄制CMMB電視節目,我們的板卡發送出來的是RTP流(H264視頻和AAC音頻),錄制程序要做的工作是:(1)接收并解析RTP包,分離出H264和AAC數據流;(2)將H264視頻和AAC音頻以某種格式封裝&#x…

java完全解耦_java-完全解耦

完全解耦:降低代碼的限制性,是同一代碼能夠用到更多的程序中1 packageinterfaces.interfaceprocessor;2 import staticnet.mindview.util.Print.print;34 interfaceProcessor {5 String name();6 Object process(Object input);7 }8 public classApply{9…

java驗證xml格式是否正確的是_spring源碼附錄(1)java實現對XML格式的驗證

最近在看spring源碼,涉及到xml文檔的解析、xml文檔的格式驗證,發現自己對xml解析的基礎較為薄弱,本篇博客復習下DOM方式解析xml(即spring解析xml的方式)。DOM解析XML是將整個XML作為一個對象,占用內存較多。另外一個java官方的XML…

java 批量打印_JAVA批量打印皕杰報表

原標題:JAVA批量打印皕杰報表不使用皕杰報表工具條上的打印按鈕,用java怎么實現批量打印皕杰報表呢?解決方案:皕杰報表提供了批量打印的工具類ReportToolkits,ReportToolkits類參考幫助文檔-開發指南-javadoc-bios.rep…

java 截串_java字符串截取

import org.apache.commons.lang.stringutils;public class substr{public static void main(string[] args) {string str "1234567890abcdefg";system.out.println("-----------" str.substring(0)); //從字符串索引為0開始截取,一直到字符串…

java json 構造_json 構造和解析

目錄:(1)引入jar包;(2)json的構造;(3)json的解析;(4)遍歷未知key。(1)java對json的處理,可借助org.json.jar.org.jsonjson20090211(2)json的構造//construct json and output itpublic String constructJson() throws …

java http 上傳文件_java利用httpClient實現后臺文件上傳請求

之前寫過基于html和js的文件上傳方法java 用springMVC 和HttpServletRequest 兩種實現文件上傳的方法和httpClient后臺執行普通post請求的文章java通過httpClient從接口請求數據入庫以及自動生成實體工具類,最近接到一個需求,需要用到后臺去調用遠程服務…

morse java_華威MORSE,華威數統那個比較好?

其實沒什么高下之分了。 畢竟大家都在一個系,上下課交作業都在一起。我個人覺得,數統要比morse更flexible一些。首先你要明白morse和數統課程上的區別在哪里:數統 大一必修數統大一必修共計84CATSmorse大一必修morse大一必修共計120CATS其實差的就是EC10…

java中 以下接口以鍵_java復習題

1.Java中的long類型占用()個字節。A、1B、2C、4D、82.以下關于繼承的敘述不正確的是()。A、在Java中類只允許單一繼承B、在Java中一個類只能實現一個接口C、在Java中一個類可以同時繼承一個類和實現一個接口D、在Java中接口允許多繼承3.4&…

Java游戲有易筋經_易筋經- JavaWeb-1

JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言組成部分:ECMAScript:js基礎語法(規定 關鍵字 運算符 語句 函數…