话说上回,我给大家开发了一款助于显示本地图片的压缩和转码工具。该工具干了2件事:首先是转码,将图片转为base64码,PowerBI(PBI)可以直接读取并显示成图片。另一件更为关键——解决了图片压缩问题,单纯的图片转码,往往会因为图片本身过大(几十k以上就过大了),导致PBI图片显示不全或干脆不显示。
使用过程中有小伙伴反馈,转码后的图片中文名在PBI里显示乱码。如下所示:
这其实是计算机文字编码方式的问题。PBI默认用Western European
方式去编码,而该工具是用utf-8编码中文的,编码方式不一样。解决方法很简单,只需要如下图所示选择utf-8编码即可。该操作同样适用于解决导入其他数据源时,中文或某些文字乱码的情况。
关于这个小工具的其他问题,欢迎大家留言探讨。回到今天的主题,PBI无论原生还是第三方的可视化控件,都很欠缺使用说明。本文将给大家介绍几款显示图片的可视化控件(略过直接插入图片和在表格里显示两种方式,详见上上回)。
Image Grid
这是个非常有意思的专为显示图片而生的控件。
使用方法很简单,只有三个可输入的地方。第一个为低质量的图片字段,第二个为高质量的图片字段,第三个为数值。
效果显示如下。图片大小按Value的数值来显示,但图片大小与数值并不是线性相关。鼠标悬停后,图片会放大。图片排布可选三种方式。按顺序环形、加权环形、网格排列(类似于表格形式)。下图所示绿色框内可选择圈圈数。
Simple Image
这个控件更简单。没有花哨的排列,直接显示一张图片,无筛选功能,通常用来做大图展示。
Card Browser(类似的还有Strippet Browser)
这个控件就比较复杂而不局限于图片展示了。看下图给出的效果,可以做成人物卡片,常规情况下是人物头像,点击展开可以看到详细信息。特别适用于做人物、产品介绍、新闻报道等。
可以输入的字段很多,包括卡片名称、标题、副标题、展开后的内容等等,基本都能顾名思义。与图片相关的主要有两个,如下图所示:
切片器
切片器也可以显示图片。把图片URL格式的字段拖入即可。除了常规原生的切片器,还有一个有意思的切片器——Chiclet Slicer。后者在形式上模仿了excel数据透视表那种圆角矩形的切片器边框。
Chiclet Slicer相比原生切片器,可以让图片和文字同时显示,且对图片和文字设置的灵活度更大,两者对比效果如下图所示。值得一提的是,无论原生切片器还是Chiclet Slicer,只支持网络图片链接,不支持base64码,所以不能显示本地图片。
其他
另一些控件尽管也能展示图片,但并不是以显示图片为主要目的,图片只是其中一个部分。主要有这几类:
- Synoptic Panel,可以直接在空间中导入自制的svg图片,通常用于显示地图、空间区域等;
- Infographic Designer为代表的,在原有柱状图、KPI等基础上融入图片图形,这类也是直接在控件中导入jpg、png等文件;
- 关系型控件,比如各类Network控件、组织架构控件,这些从模型原理上看就相对复杂,后续会专门开一期讲解。