大屏在電網(wǎng)系統(tǒng)中的案例-創(chuàng)新互聯(lián)

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

專業(yè)領(lǐng)域包括成都網(wǎng)站建設(shè)、成都做網(wǎng)站、購物商城網(wǎng)站建設(shè)、微信營銷、系統(tǒng)平臺開發(fā)， 與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開發(fā)公司不同，創(chuàng)新互聯(lián)的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營銷的理念，并將策略和執(zhí)行緊密結(jié)合，為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。

答案便是：因?yàn)槟阌秒娏坎粔蚋撸。。?/p>

有托著腮幫子懷疑的，請看下國家電網(wǎng)的大屏分析，看看右下方的數(shù)據(jù)是不是我說的答案。

沉穩(wěn)內(nèi)斂型

繽紛炫酷型（怎么做更炫酷，請看文章結(jié)尾 ）

注：以上都是基于剛剛發(fā)布不久還冒熱氣的真實(shí)數(shù)據(jù)做的統(tǒng)計(jì)。

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

好了，我們就繼續(xù)就這個(gè)話題，繼續(xù)看看電網(wǎng)的電力統(tǒng)計(jì)還能幫我們分析出哪些信息和規(guī)律。

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

潤乾報(bào)表怎么做大屏？！easy，無需多想，干就是了。

注：以下所用數(shù)據(jù)均來自國家能源局、統(tǒng)計(jì)局。

各省用電情況分析

以地圖形式呈現(xiàn)各省的用電情況，用電量越高 顏色越深。

做法：

1，準(zhǔn)備數(shù)據(jù)

內(nèi)建數(shù)據(jù)集，增加”地區(qū)”和”電量”字段，把獲取到的各省用電量數(shù)據(jù)依次錄入

2，設(shè)置統(tǒng)計(jì)圖及表達(dá)式

報(bào)表單元格內(nèi)右–第三方統(tǒng)計(jì)–打開模板，選擇“地圖”

依次設(shè)置左側(cè)參數(shù)部分表達(dá)式：

dataname???°??é.select@r(?°?o,,,?°?o)
datavalue??H1{}  ?-¤?¤?H1???o???±? ????±????¨?μé?-??μ?????????è?éè
seriesName??[a?¨?μéa]
legend??[a?¨?μéa]

dataname：數(shù)據(jù)集.select@r(地區(qū),,,地區(qū)) datavalue：H1{}  此處的H1內(nèi)為擴(kuò)展格擴(kuò)展的所有用電量字段值，第一行隱藏 seriesName：[“用電量”] legend：[“用電量”]

3，預(yù)覽效果

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

注：以下統(tǒng)計(jì)圖均采用第三方 echarts2 統(tǒng)計(jì)圖，不再說明。

2018 年上半年用電總量統(tǒng)計(jì)、同比

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

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

做法：

1，準(zhǔn)備數(shù)據(jù)

儀表盤理論上本身只需要一個(gè) value 值，所以無需準(zhǔn)備數(shù)據(jù)集，可以直接在統(tǒng)計(jì)圖中定義。

注：實(shí)際還需要一個(gè)總的值，決定指針的位置。

2，儀表盤設(shè)置

該模塊下顯示 3 個(gè)數(shù)據(jù)，所以依次在相連的三個(gè)單元格內(nèi)如下操作：

報(bào)表單元格內(nèi)右–第三方統(tǒng)計(jì)–打開模板，選擇“儀表盤”

以 2018 年上半年為例  

  Series 內(nèi) max 設(shè)置為預(yù)估的 2018 年全年用電，data 內(nèi)為上半年實(shí)際用電量。

3，預(yù)覽效果

全社會用電情況統(tǒng)計(jì)（即第一、二、三產(chǎn)業(yè)與居民生活用電）

以柱圖形式呈現(xiàn)，更直觀對比各產(chǎn)業(yè)及居民生活用電的增長情況。

分產(chǎn)業(yè)看，第一產(chǎn)業(yè)用電量 328 億千瓦時(shí)，同比增長 10.3%；第二產(chǎn)業(yè)用電量 22336 億千瓦時(shí)，同比增長 7.6%；第三產(chǎn)業(yè)用電量 5071 億千瓦時(shí)，同比增長 14.7%。城鄉(xiāng)居民生活用電量 4555 億千瓦時(shí)，同比增長 13.2%。

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

做法：

1，準(zhǔn)備數(shù)據(jù)

可以用報(bào)表數(shù)據(jù)集，當(dāng)然因數(shù)據(jù)較少，直接定義在圖形里完全沒問題。

2，柱圖設(shè)置

第三方統(tǒng)計(jì)圖中選擇“柱圖”，其中

分別對應(yīng)系列、分類軸及各系列對應(yīng)數(shù)據(jù)。

3，預(yù)覽效果

注：以下幾個(gè)模塊與柱圖均屬一個(gè)圖形系列，不再啰嗦具體做法，僅做分析。

用電大省經(jīng)濟(jì)發(fā)展情況

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

作為觀察經(jīng)濟(jì)走勢的風(fēng)向標(biāo)的指標(biāo)，用電量占據(jù)一席。參考剛剛出爐的 2018 年上半年 GDP 各省排名情況，用電量前五的省份，前四位 GDP 排行也依次排在前四。第五位的河北，其用電量也在第七（環(huán)保專家又發(fā)話了？重工業(yè)又被關(guān)停了? 娛樂一下）。

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

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

2018 年上半年發(fā)電情況

包括上半年總發(fā)電量，同比及累計(jì)增長，各月份發(fā)電量及各發(fā)電類型（火力、水力、風(fēng)力、核能、太陽能）發(fā)電總量情況

各月發(fā)電量、同比及累計(jì)增長

各發(fā)電類型發(fā)電量統(tǒng)計(jì)

從增長情況看，充足的發(fā)電能力保障了社會用電。國家在保證充足供電情況下，為了環(huán)?？紤]，不斷促進(jìn)新能源發(fā)電的發(fā)展。從發(fā)電類型看，太陽能、水力等發(fā)電占比不斷擴(kuò)大。這也看出國家在治理環(huán)境污染方面做出的巨大努力。

2018 年下半年用電預(yù)測

根據(jù) 2018 年上半年的用電情況及同比增長情況，以折線圖形式呈現(xiàn)下半年個(gè)月的預(yù)測用電量，該數(shù)據(jù)可以為發(fā)電計(jì)劃做參考。

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

整體布局

再來聊聊怎么擺楞這些組件，本例采用視覺美觀的對稱（基本）結(jié)構(gòu)，根據(jù)呈現(xiàn)的業(yè)務(wù)數(shù)據(jù)合理布局各模塊。其中的地圖作為焦點(diǎn)，顯示各省用電情況，觀感上大氣，數(shù)據(jù)也清晰明了。

另外，整個(gè)大屏也并非所有的必須都是數(shù)據(jù)，還可增加符合主題的圖片等美化效果，當(dāng)然占比要適當(dāng)。

溫馨提示：對于大屏展示，整體及各組件的大小要根據(jù)實(shí)際的情況做調(diào)整，才能與實(shí)際展示設(shè)備更匹配。

設(shè)計(jì)好布局后，將前面做好的組件一一放好即可，對應(yīng)調(diào)整好大小  使其達(dá)到最協(xié)調(diào)、最美的展示效果。

嗯，還是挺漂亮的。

配色說明

1，背景色（當(dāng)然可以用圖片）的選取

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

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

2，標(biāo)題字體用色  

（1）主標(biāo)題，采用白色（#FFF），和其他配色相比有鶴立雞群的感覺，焦點(diǎn)。。。

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

3，統(tǒng)計(jì)圖配色

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

標(biāo)簽文字：#679DBF

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

能不能更炫酷？！

可以，開篇已劇透！

這里的炫酷是相對于沉穩(wěn)內(nèi)斂型來說，我們可以通過簡單調(diào)換顏色、增加效果背景圖等來使得整體更活潑、靚麗。

溫習(xí)一下圖

怎么改？！ 真的特簡單。

1、 整體背景色由背景圖替代
好看的背景圖，可以將各組件襯托的更完美。
首先找或問美工要到合適的圖片，通過報(bào)表工具菜單欄，報(bào)表 -- 報(bào)表屬性 -- 背景圖 完成添加背景圖。

2、 調(diào)整統(tǒng)計(jì)圖柱線用色

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

以“中下”位置的環(huán)形圖為例，編輯統(tǒng)計(jì)圖，找到

替換 color 值，齊活！

3、 調(diào)整軸標(biāo)簽值配色

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

直接替換成想要的（應(yīng)該是更合適的）顏色即可。
通過以上簡單 3 小步，輕松靈活換風(fēng)格，真心不由得想給自己個(gè)贊。

總結(jié)

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

詳情查看： http://c.raqsoft.com.cn/article/1536634816208
 

--------------------- 本文來自 rqgxy 的CSDN 博客 ，全文地址請點(diǎn)擊：https://blog.csdn.net/rqgxy/article/details/82874684?utm_source=copy 

新聞名稱：大屏在電網(wǎng)系統(tǒng)中的案例-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于：http://muchs.cn/article6/dpseog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、網(wǎng)站內(nèi)鏈、軟件開發(fā)、商城網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)