前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Power BI DAX裁剪图片

Power BI DAX裁剪图片

作者头像
wujunmin
发布2023-09-05 17:32:12
2660
发布2023-09-05 17:32:12
举报
文章被收录于专栏:wujunminwujunmin

很多Power BI业务场景需要使用图片(参考:Power BI本地图片显示最佳解决方案),常规的图片显示效果如下图所示。

有时想给图片加点花样,比如进行圆形裁剪,以下是对比效果,注意人物的毛衣下方,图库不用重新准备,使用DAX可以精准裁剪。

有人可能想到,图片上方叠加一个SVG的圆形标签不就好?代码如下图所示:

代码语言:javascript
复制
<image xlink:href='Base64图像' width='*' height='*' />
<circle cx='*' cy='*' r='*' fill='none' stroke='black' stroke-width='1'/>

很遗憾,这样是不行的,下图人物的毛衣部分在圆圈的外面。

因此,不能直接叠加,我们需要将图片填充到圆圈中,代码修改如下即可正常显示:

代码语言:javascript
复制
<defs>
    <pattern id='wujunmin' height='100%' width='100%'>
         <image xlink:href='base64图像' height='*' width='*' />
     </pattern>
 </defs> 
 <circle cx='*' cy='*' r='*' fill='url(#wujunmin)' stroke='black' stroke-width='1'/>

这种操作方式有一个缺点,图像清晰度会下降,读者仔细看这两张图,下方明显模糊。

因此,如果需要圆形裁剪和图像清晰度二者得兼,还是需要叠加方式,只不过不能直接叠加一个圆圈,而是用PPT画一个这样的造型,圆圈和正方形相交的地方填充上颜色,圆圈内部无色,将形状另存为SVG矢量图,记事本打开复制里面的代码,和image标签放到一起。

这样对圆圈外部的毛衣进行了遮挡,圆圈内部没有颜色,使得头像得以显示。蓝色可以设置为和背景色相同,从而产生裁剪效果。

叠加的清晰度和原图保持一致,裁剪后的图片可以用在表格矩阵和新卡片图。


新卡片图是Power BI迄今为止最强大的三大视觉对象之一(另外两个是表格和矩阵)

卡片图添加异形边框

卡片图主次指标组合

《卡片图总分结构》

《卡片图添加地图》

《卡片图添加下划线》

卡片图添加折线趋势

卡片图折线添加动画

卡片图折线添加首尾标记

卡片图叠加进度条

卡片图添加天气动画图标

卡片图模拟微信日周月对比

卡片图指标与排名组合

卡片图添加麦肯锡华夫饼图

卡片图自定义华夫饼图案

卡片图添加环形图扇形图

卡片图模拟Apple Wacth环形图

卡片图展示访客漏斗

卡片图异常指标闪烁提示CSS版

卡片图异常指标闪烁提示SMIL版

卡片图动画缩放

卡片图显示不同单位

卡片图显示动态水印

卡片图使用像素风格图标

卡片图LED风格数字

卡片图仪表盘富婆图表版

卡片图仪表盘EasyShu版

卡片图穿墙术

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2023-08-31,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 wujunmin 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档