手把手教你 DIY 属于自己的酷炫可视化控件


在Power BI中有一些可视化控件可以用于满足我们基本的作图需求,但是在一些特殊情况下PowerBI自带的可视化控件就显得捉襟见肘。
为了更好的满足我们对可视化的需求,PowerBI.Tips网站上近期推出了DIY可视化控件的功能,分析师可以在PowerBI.Tips网站推出的Charts模块自行绘制满足业务需求的可视化控件,使我们的可视化展现更加贴近业务需求。
首先介绍一下PowerBI.Tips网站的Charts模块,这个模块来自于GitHub中的一个项目,并且上线时间不长,因此到目前为止没有中文版,对于英文不好的用户来说不是很友好。但是这些瑕疵仍无法掩盖它的强大,接下来就让我们一起来熟悉一下操作流程。

数据导入

1、打开浏览器(推荐Microsoft Edge),输入网址http://charts.powerbi.tips/,将会跳转到可视化控件制作界面,在这个界面我们要先导入制作控件所需要的数据,点击下图标注的Open Or Drop File:

file

2、之后会弹出窗口要求选择要使用的数据,需要注意的是,由于上线时间不长,该网站的许多功能并不完善,导入的数据只能是图中标红区域的格式。在这里我们选择最为常用的扩展名为.csv的文件来进行演示。

file

3、导入数据之后,之前的Open Or Drop File会变成我们导入的数据,如下图所示。这里我们注意到下面还有一个Links的选项,也要求我们导入数据,但这并不是必须的,因此可以不用理会,直接点击Done开始制作我们的可视化控件。
file

界面介绍

进入制作过程,首先我们会看到如下图所示界面,红色文本框将整个界面的主要区域划分为四个部分,下面具体介绍一下这四部分区域各自的功能。
file

1号区域为控件展示区,我们对可视化控件的添加和删除都会在1号区域进行展示,便于我们更清楚的观察到控件中的细节;
2号区域为控件添加区,是可以添加到1号区域的控件,每个控件的具体使用方法后面会有详细说明;
3号区域是导入的数据中包含的列;
4号区域是操作台,在4号区域可以对控件进行元素的增减以及格式的设置。

控件添加区从左至右依次为:
添加标记Mark
添加关系结构Links
添加网格线Guides
添加新的图Plot Segments
添加架构Scaffolds

Mark区:

控件一:添加阴影,用于将数据进行阴影标记。
file

控件二:为数据添加点,环,三角形,星型等标记。
file

控件三:为数据添加线性标记。
file

控件四:添加文本框。
file

控件五:添加图片。

file

控件六:在图中添加新的坐标轴。

file

控件七:用于添加文本标记。

前5个控件均可以和数据中的某一列建立联系,建立联系的方法将会在4号区域的详细说明中提到。

Links区:

用于创建新的关系架构。

Guides区:

控件一:为图中添加一个辅助线,用于标记Y轴上同一数值的所有数据。
file

控件二:为图中添加一个辅助线,用于标记X轴上同一数值的所有数据。另外需注意X轴标记线和Y轴标记线不能同时显示。
file

控件三:添加网格线。
file

控件四:同控件三,且可以与竖向网格线同时出现。

file

第三、第四控件同时出现时的效果:
file

Plot Segments区:

控件一:用于添加新的图,添加完成后会在4号区域的Layers区出现PlotSegments2选项。

file

控件二:用于在图中添加线。

file

Scaffolds区:

控件一:将原有的图改为只含X轴的形式。
控件二:将原有的图改为只含Y轴的形式。
控件三:将图改为旭日图的形式。

file

控件四:将图改为波浪线形式。
file

在4号区域中有三个部分,如下图所示:
file

Glyph区域是操作台,用于对我们做的图进行更改;
Layers可以用于查看以及选择我们添加过得控件;
Attributes可以用于修改我们图中所有控件的线条粗细、字体、颜色等格式。

制作过程

第一步:从2号区域中拖一个轴标记到4号区域,如下图所示:
file

file

第二步:从3号区域中把数据列最高气温、最低气温、平均气温拖到4号区域中我们新添加的标记轴中,如下图所示,
file

第三步:再从2号区域拖一个线标记到4号区域:
file

第四步:从二号区域Scaffolds中拖旭日图架构至1号区域:
file

将图改为如下格式:

file

第五步:对标记线的格式进行修改,给标记线加上一个渐变色,以平均气温的变化为依据,如下图。
file

修改之后如下图所示:
file

最后将文本标题修改为天气。

file

DIY可视化控件成品

将我们做好的可视化控件保存,效果如下:

file

最后再进行发布,首先点击左侧的Export,会弹出我们制作好的可视化控件基本信息,如下图所示,将右侧滚动条拉至最底部,点击Power BI Custom Visual,将其保存到我们的计算机中。
file
file
file

小结

如上图所示,我们可以看到气温沿着顺时针方向上的日期变化而变化,并且温度越低颜色越偏冷色调,温度越高颜色越偏向暖色调。这样就可以很明显的观察到在我们选定的日期中气温的变化情况。
我们做好的可视化控件可以直接导入到Power BI中来应用,虽然有诸多不完善的地方,但是总的来说解决了报表单一的弊端,相信以后的可视化控件肯定会更加的丰富。
本期内容就是这些,小伙伴们下期再见!

  • PowerPivot工坊原创文章,转载请注明出处!

    如果您想深入学习微软Power BI,欢迎登录网易云课堂试听学习我们的“从Excel到Power BI数据分析可视化”系列课程。或者关注我们的公众号(PowerPivot工坊)后猛戳”在线学习”。


长按下方二维码关注“Power Pivot工坊”获取更多微软Power BI、PowerPivot相关文章、资讯,欢迎小伙伴儿们转发分享~

Power Pivot工坊