大屏在電網(wǎng)系統(tǒng)中的案例

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

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

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

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

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

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

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

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

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

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

注：以下所用數(shù)據(jù)均來(lái)自國(guó)家能源局、統(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ì)–打開(kāi)模板，選擇“地圖”

依次設(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ù)值等）可通過(guò) echarts 的屬性處理。

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

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

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

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

做法：

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

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

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

2，儀表盤(pán)設(shè)置

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

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

以 2018 年上半年為例  

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

3，預(yù)覽效果

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

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

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

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

做法：

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

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

2，柱圖設(shè)置

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

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

3，預(yù)覽效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

整體布局

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

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

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

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

嗯，還是挺漂亮的。

配色說(shuō)明

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

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

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

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

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

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

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

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

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

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

能不能更炫酷？！

可以，開(kāi)篇已劇透！

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

溫習(xí)一下圖

怎么改？！ 真的特簡(jiǎn)單。

1、 整體背景色由背景圖替代
好看的背景圖，可以將各組件襯托的更完美。
首先找或問(wèn)美工要到合適的圖片，通過(guò)報(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)該是更合適的）顏色即可。
通過(guò)以上簡(jiǎn)單 3 小步，輕松靈活換風(fēng)格，真心不由得想給自己個(gè)贊。

總結(jié)

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

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

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