Big-screen reporting examples illustrate the national grid

2018 has been more than half, the provinces began more than test scores, the test subjects called GDP, naturally proud of the top surface, at the back, on the depressed, as are the large provinces, municipalities are the same, why did you rank front, but I pad the end of it? Come, let small to give you reveal the answer (here there should be "bang bang bang" three sounds).

The answer is: because your electricity consumption is not high enough! ! !

There chin on doubt, look at the big screen under the national grid analysis, look at the bottom right of the data is not what I said the answer.

1png
Calm and reserved type

ddd4png

Cool colorful type (how to do more cool, see end of article)

Note: The above statistics are based on real data just released soon also steaming to do.

In fact, a discerning eye to see that this small series the answer is absolutely not withstand scrutiny, is a small series to attract everyone's attention abruptly to squeeze out the answer, but the answer is a grain of truth. Like, we say good student with exercise books and more is a reason, you may not use this practice more than you can be a good student, but with less of a high probability good students.

Well, we will continue on this topic, continue to look at electricity grid statistics also help us analyze what information and rules.

Theme includes a large screen n how small module assembly. On the theme of today, we are divided into the provinces electricity consumption in the first half statistics, the total electricity consumption statistics and compared with the previous year, the country's total electricity consumption situation (five each industry and residential electricity), electricity province economic development (electricity five provinces and GDP ranking), and predicted the first half of the second half of the electricity distribution of power generation in seven modules. Analysis of the data were used in the form of a map, FIG column, dashboard, line charts and the like presented, make it more intuitive and better understood.

Run Dry statements how big screen? ! easy, without having to think about it, dry it wants.

Note: The following data are from the National Energy Administration, Bureau of Statistics.

Provincial electricity consumption analysis

Map presented in the form of electricity to the provinces, the darker the higher electricity consumption.

2png

practice:

1, prepare data

Built-in data collection, increase the "regional" and "power" field, to get to the provincial electricity consumption data is sequentially input

3png

2, set the charts and expression

Report cells within the right - third-party statistics - open the template, select the "Map"

4png

Sequentially setting parameters left part of the expression:

 
 dataname:数据集.select@r(地区,,,地区) datavalue:H1{}  此处的H1内为扩展格扩展的所有用电量字段值,第一行隐藏 seriesName:[“用电量”] legend:[“用电量”] 

3, preview

5png

The title and subtitle of which can be set in the map, including other styles (as left under dataRange map colors, whether to display the values, etc.) can be obtained by the attribute processing echarts.

注:以下统计图均采用第三方 echarts2 统计图,不再说明。

2018 年上半年用电总量统计、同比

以仪表盘形式呈现 2018 上半年、2017 上半年及 2017 全年用电总量。

6png

直观能看出,2018 年上半年已用电 32291 亿千瓦时,相比 17 年的上半年同比增长 9.43%。2017 年全年用电 63077 亿千瓦时,根据往年及 2018 上半年的增长情况,预计 2018 年全年用电量要逼近 70000 亿千瓦时。

做法:

1,准备数据

仪表盘理论上本身只需要一个 value 值,所以无需准备数据集,可以直接在统计图中定义。

注:实际还需要一个总的值,决定指针的位置。

2,仪表盘设置

该模块下显示 3 个数据,所以依次在相连的三个单元格内如下操作:

报表单元格内右–第三方统计–打开模板,选择“仪表盘”

以 2018 年上半年为例  

7png8png

  Series 内 max 设置为预估的 2018 年全年用电,data 内为上半年实际用电量。

3,预览效果

9png

全社会用电情况统计(即第一、二、三产业与居民生活用电)

以柱图形式呈现,更直观对比各产业及居民生活用电的增长情况。

10png

分产业看,第一产业用电量 328 亿千瓦时,同比增长 10.3%;第二产业用电量 22336 亿千瓦时,同比增长 7.6%;第三产业用电量 5071 亿千瓦时,同比增长 14.7%。城乡居民生活用电量 4555 亿千瓦时,同比增长 13.2%。

第二产业为用电大户,这也是产业类型决定,占到社会用电的 70%。 第三产业涵盖行业较多,相比城乡居民用电总量高 11% 左右。另外,受天气影响及人民生活水平改善,居民用电也同比增长 13.2%,增长速度很快。

做法:

1,准备数据

可以用报表数据集,当然因数据较少,直接定义在图形里完全没问题。

2,柱图设置

第三方统计图中选择“柱图”,其中

11png

12png

13png

分别对应系列、分类轴及各系列对应数据。

3,预览效果

14png

注:以下几个模块与柱图均属一个图形系列,不再啰嗦具体做法,仅做分析。

用电大省经济发展情况

以条形图呈现 2017 年全年及 2018 年上半年用电量前五的省份及 GDP 的排名情况。

15png

作为观察经济走势的风向标的指标,用电量占据一席。参考刚刚出炉的 2018 年上半年 GDP 各省排名情况,用电量前五的省份,前四位 GDP 排行也依次排在前四。第五位的河北,其用电量也在第七(环保专家又发话了?重工业又被关停了? 娱乐一下)。

所以,“要想 GDP 数据好,用电绝对不能少”还真不是口号,真的像一对夫妻相辅相成。

本人作为一个普通老百姓,息息相关的城乡居民生活用电增长可真不少,估计这里面天气因素(今年初的寒潮和入夏以来的蒸、烧烤天气)功不可没,当然也有老百姓消费升级的拉动(原来骑自行车解决的短途交通问题,现在都懒得换成平衡车、便携折叠电动车了;刷个牙也都电动了;家庭空调 24 小时也不关机了,都是电(qian)啊)。

2018 年上半年发电情况

包括上半年总发电量,同比及累计增长,各月份发电量及各发电类型(火力、水力、风力、核能、太阳能)发电总量情况

各月发电量、同比及累计增长

16png

各发电类型发电量统计

17png

从增长情况看,充足的发电能力保障了社会用电。国家在保证充足供电情况下,为了环保考虑,不断促进新能源发电的发展。从发电类型看,太阳能、水力等发电占比不断扩大。这也看出国家在治理环境污染方面做出的巨大努力。

2018 年下半年用电预测

根据 2018 年上半年的用电情况及同比增长情况,以折线图形式呈现下半年个月的预测用电量,该数据可以为发电计划做参考。

18png

根据上半年用电、往年下半年用电增长情况,这里预测了下下半年各月的可能用电情况,总量接近 70000 亿千瓦时。下半年能否提供充足保障?让我们拭目以待!!

整体布局

再来聊聊怎么摆楞这些组件,本例采用视觉美观的对称(基本)结构,根据呈现的业务数据合理布局各模块。其中的地图作为焦点,显示各省用电情况,观感上大气,数据也清晰明了。

另外,整个大屏也并非所有的必须都是数据,还可增加符合主题的图片等美化效果,当然占比要适当。

png

温馨提示:对于大屏展示,整体及各组件的大小要根据实际的情况做调整,才能与实际展示设备更匹配。

设计好布局后,将前面做好的组件一一放好即可,对应调整好大小  使其达到最协调、最美的展示效果。

20png

嗯,还是挺漂亮的。

配色说明

1,背景色(当然可以用图片)的选取

整体采用深蓝色,一是有科技感,二是大屏显示不会刺眼(小秘密:屏幕亮度高的话,用浅色会亮瞎你的小眼儿)。

组件背景采用亮度稍高的蓝色(#264C70),和大背景对比,不会跳色,承接自然。同时避免用太“脏”,比如深灰色系等,虽然不刺眼,但看起来不舒服。

2,标题字体用色  

(1)主标题,采用白色(#FFF),和其他配色相比有鹤立鸡群的感觉,焦点。。。

(2)组件标题,文字及图作为数据展示的重点,自然要突出一些,要抓住看客的眼球。此例中采用微软雅黑的亮蓝色(#87CEFA),文字前配上圆形图标,更能引起看客的注意。有哪些组件也是一目了然,观看者能快捷找到关注的内容。

3,统计图配色

整体还是与背景色搭配,选择相融的色系,还是避免跳色(不是说跳色不好,如果有特殊的数据还是有跳色更好,比如来个红色突出一些预警数据)。

标签文字:#679DBF

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

能不能更炫酷?!

可以,开篇已剧透!

这里的炫酷是相对于沉稳内敛型来说,我们可以通过简单调换颜色、增加效果背景图等来使得整体更活泼、靓丽。

温习一下图

ddd4png

怎么改?! 真的特简单。

1、 整体背景色由背景图替代
好看的背景图,可以将各组件衬托的更完美。
首先找或问美工要到合适的图片,通过报表工具菜单栏,报表 -- 报表属性 -- 背景图 完成添加背景图。

2、 调整统计图柱线用色

Original color list is [ '# 32749C', '# 2F8CC0', '# 75B6DD', '# 4EB3AD', '# 028688'], replacing a group [ '# 32749C', '# 2F8CC0', '# 75B6DD' , '# 4EB3AD', '# 028688'].

A circular map "lower" position, for example, edit charts, find

dd5png

Replace color values, Qi live!

3, the color tag value adjustment shaft

Comprising X, Y-axis, to the position of "bottom left" column in FIG example, found

dd6png

Direct replacement to want (should be more appropriate) color can be.
3 small step above a simple, flexible and easy to change the style, really could not help but want to give yourself praise.

to sum up

"Cheat" we come to understand the relationship between electricity consumption and GDP of (brain wide open did not open up did not rise knowledge?!), In fact, more important is to let everyone know at Run Dry statements also can handle the big screen requirements (di) and to do the same beautiful. For the production of large-screen, just under the foot, the effects can be nearly perfect. Of course the best feature dedicated to the artists, to developers who do engage in color, style and layout issues, or there is another slogan, "big screen really want to do good, must spend a lot of time."

Guess you like

Origin www.cnblogs.com/xiaohuihui-11/p/12096623.html