很多情况下,图表需要组合使用,例如同期对比同时查看: 本期和同期的数据 本期和同期的绝对值差异 率值差异 横向组合适用于使用表格,将需要的图表度量值置于列。...图表组合无需书写复杂的SVG度量值,只要把前期分享的基础图表内容按顺序拼接即可完成组合图表。《Power BI表格矩阵内部空间组合》已进行过详细的论述。 纵向的组合怎么办?...这样,值可以不停的添加,图表也就可以不停的纵向添加。 固定的SVG图表字段如果感觉不自由,可以考虑把所有需要展示的SVG度量值添加到字段参数,实现自由切换
Power BI 内置了阴影效果,使得视觉对象看上去立体,但是目前没有视觉对象上的内容立体功能(截至本文发稿日)。 二者有什么区别?...下图这个条形的载体Power BI内置功能可以添加阴影,但是条形本身不可以添加阴影。 如何突破这一限制?遇事不决SVG。...这个套路可以用在本公众号分享的各种SVG图表中。比如条形图: 比如矩阵制作的元素周期表突出特殊系列:
上一节讲了如何将图表空心化(Power BI 图表空心化),本节继续这个话题,将图表虚线化。虚线化,顾名思义,就是把图表的线条改为虚线。...下图是气泡条件格式虚线后的样子: 一般情况下,不建议将图表全面虚线,而是仅仅作为辅助展示。下方这个条形图是一种效果: 那么虚线如何设置呢?...在DAX结合SVG矢量图自定义的图表中,添加stroke-dasharray参数即可,上方条形图的度量值如下: 虚线-条形 = VAR MaxValue = MAXX ( ALLSELECTED...和空心图一样,虚线可以用在各种SVG定义的图表中,比如麦肯锡风格的正方形卡片图: 本公众号已经分享过上百种DAX+SVG自定义的图表,读者可以尝试虚线的改造。
比如在零售业,同时查看销售业绩和目标达成: 原理为DAX+HTML,图表度量值: M.P.柱形图环形图 = VAR MaxSales = MAXX(ALLSELECTED('店铺资料'[城市]), [...='margin-top: 8px;'>" & DonutChart & " " RETURN BarChart 度量值在HTML Content视觉对象使用: 横向的版本: Power...BI 环形图条形图组合 更多Power BI SVG、HTML可视化可以访问我的github主页: https://junminwu.github.io/ wujunmin
Power BI 内置了阴影效果,使得视觉对象看上去立体,但是目前没有视觉对象上的内容立体功能(截止本文发稿日)。 二者有什么区别?...下图这个条形的载体Power BI内置功能可以添加阴影,但是条形本身不可以添加阴影。 如何突破这一限制?遇事不决SVG。...这个套路可以用在本公众号分享的各种SVG图表中。比如条形图: 配套资料知识星球提供 比如日历突出今天:
在Power BI中也可以对这一套评分图表进行模拟,如下图所示: 这套图表是卡片图、条形图和第三方视觉对象五星图的组合。...模拟的数据源如下图所示: 五星评分图 ---- 图表市场搜索 rating 可以找到两个相关图表,本文使用的是第二个。...星级分布条形图 ---- 星级分布条形图仍然使用内置图表,如下图所示,去掉X轴坐标轴。 数据显示为百分比,颜色同样使用ColorPix提取。 最后把以上图表按顺序摆放到一起即完工。...bread/mbd-YpeclZlw Excel模板:商品自动分货 https://mianbaoduo.com/o/bread/mbd-YpuamZty Pbix模板:店铺陈列与销售、库存数据结合的Power...BI看板 https://mianbaoduo.com/o/bread/mbd-YZmXmJpw Pbix模板:Power BI店铺存货仓位查询看板 https://mianbaoduo.com/o/
徒手用DAX+SVG设计一款图表是费力的,尤其是组合图表。如果我们善于借助Power BI本身的力量和外部力量,制图的过程将会轻松很多。...利用矩阵的筛选环境还可以实现层级瀑布图: 表格矩阵可以不停的新增列,这意味着针对不同指标的图表组合,可以分别设计,模块化处理,无需把图表全部写进一个度量值,下图实现了条形和气泡的组合(Power BI...条件格式图标也是可以借力的地方,下图的产品图片直接拖到产品ID条件格式即可(图片使用Base64,参考:Power BI本地图片显示最佳解决方案),极大丰富图表的元素。...Power BI完成这个图表我用了不到10分钟。...类似的我还很快复刻了富婆图表的仪表盘(参考:这个图表库可以复刻到Power BI) 网上的各种素材也是借力的地方,以下进度条中,进度条本身很简单,SVG中的rect标签,但是心形和裂开的心形怎么画?
Power BI的图表扩展性很强,用户可以借助HTML、SVG、Vega、R、Python等多种方式实现自定义图表。...Charticulator是微软官方很多年前推出的工具,可以拖拽实现图表自定义。...最初学习Power BI的时候,我也尝试过Charticulator,后因bug太多,放弃了,现在主要使用DAX结合SVG自定义图表。...在第三方视觉对象库可以看到Charticulator有两个版本,View版用来直接使用现成的模板,Editor版可以在Power BI Desktop从零开始设计图表。...除了Power BI Desktop视觉对象内设计,也可以网页设计: https://ilfat-galiev.im/charticulator/ 网页端设计完成后导出模板,在Pbid View版加载。
截至目前分享了四种Power BI Markdown(一种轻量级标记语言,可以使用简单的符号定义文本格式)应用案例,大家会发现,Markdown是朴素的,基本上黑白灰。...在《Power BI Markdown应用:信息卡片》案例中,介绍了使用”“” 展示产品图片,图片可以是像素图,也可以是SVG。...以下在Power BI Markdown表格插入了SVG进度条: 度量值如下: MD.表格 = VAR t = VALUES('门店'[门店]) RETURN " | 门店 | 进度条 | 业绩达成率...FORMAT([M.业绩达成率],"0%") & "|", UNICHAR ( 10 ), [M.业绩达成率], DESC ) 把度量值放入ReadMe视觉对象进行图表渲染...这给图表维护带来较大困难。因此,如果需要SVG自定义单个图表,直接使用内置的表格、矩阵、卡片图、按钮切片器等视觉对象即可。 什么情况下使用Markdown嵌入SVG?
Power BI 2025年9月推出了DAX UDF(user-defined functions)用户自定义函数,定义一次计算,可在任何地方重复使用。...参考文档: https://learn.microsoft.com/zh-cn/power-bi/transform-model/desktop-user-defined-functions-overview...这种重复使用可以是DAX驱动的图表(结合SVG/HTML),我会把前期分享的很多图表样式进行函数式封装,方便用户在不了解SVG/HTML的情况下也可以自定义图表效果。...首先,找到SVG_Waffle的函数代码,打开 https://junminwu.github.io/ 选择SVG专题中的图表函数: 搜索“华夫饼”,鼠标右键复制代码: 确保Power BI Desktop
字段参数是Power BI的一个重磅功能,这个功能2022年诞生,一直在预览模块中,本月(2025年7月)开始转正。...前文介绍了字段参数可以动态切换维度与指标(参考:Power BI 坐标轴日、周、月切换和Power BI 字段参数美化),本文介绍动态切换图表。...下方截图的切片器应用了字段参数: 切片器选择一个或多个指标,展示对应的图表: 此处切换图表本质上是切换指标,指标是度量值,图表也是度量值生成的,这需要DAX与SVG或者HTML结合(不了解SVG参考:Power...第二步,在建模选项卡下新建字段参数: 把对应的SVG图表度量值拖拽进去: 每个SVG度量值都标记为图像URL: Power BI Desktop会自动生成一个字段参数表: 把该表中的参数列拖入按钮切片器的字段...: 如果是横向图表展示,表格视觉对象拖入维度和字段参数的参数列: 字段参数切片器参考Power BI 字段参数美化添加SVG场景图标,即完成设置: 如果图表需要纵向切换,字段参数按钮切片器的设置保持不变
在Power BI中使用SVG可以极大增强Power BI的可视化效果(不了解SVG参考:Power BI SVG制图入门知识2025版),但是在制作一些复杂图表时可能遇到交互问题。...以下图这个SVG四象限图表为例,外部的切片器可以正常筛选散点图的数据。...但是点击散点图的任意元素,无法与外部数据交互(例如无法筛选表格) 核心原因在于SVG图形是一体式的,无论把SVG图像放在表格、矩阵还是第三方视觉对象(如HTML Content),图表没有上下文筛选环境...,因此,外部图表无法识别SVG图形中的单个元素。...经过研究,我想到一个通用解决方案(不局限于这个图表),现在点击SVG图表中的单个元素,可以看到表格数据发生了变化。 当然,也可以多选: 这样,SVG图表在Power BI的交互效果得到极大增强。
SVG图形(一种矢量图,参考Power BI SVG制图入门知识2025版)极大地提升了Power BI内置视觉对象的可视化能力。...我从2021年开始研究DAX结合SVG自定义图表,近五年分享了大量的代码、深入的课程,形成了完善的体系。...Power BI SVG华夫饼图生成器 用于百分比可视化,参考案例Power BI 切片器中的华夫饼图排版技巧 4. Power BI SVG进度条生成器 还是百分比可视化 5....Power BI SVG底纹填充工具 参考案例Power BI PPT 工具:SVG空间图案填充 9....Power BI 渐变背景生成器,高效美化不占空间 12. Power BI SVG分割线生成器 用于表格矩阵区域分割:Power BI 表格矩阵切割分组工具 13.
借助PPT可以在Power BI矩阵视觉对象生成无数种样式的日历造型。...在形状中随便输入一个数字(占位作用,记住这个数字),调整形状的格式: 鼠标右键,另存为可缩放的矢量图形(即SVG): 记事本打开该图片,将双引号替换为单引号: Power BI新建一个度量值,度量值内容为上方
今年灰色执照先生又开发了一个新的作品:富婆图表,可以在线生成种类丰富的可视化效果,有条形图、折线图这样的基础款,也有一些华丽的款式。这和Power BI有什么关系?...富婆图表支持在线调整样式,且导出SVG格式。...这意味着,我们不必从零开发一款图表,如果对富婆图表的哪款图表感兴趣,且Power BI还没有,可以直接下载SVG,略微调整代码,和DAX结合,完成Power BI复刻。...https://www.nbchart.com/charts/index.php 以上图的仪表盘为例,该图表用于显示百分比。图表中有三处需要随数据变动的地方,环形的绿色填充,指针的方向以及中间的数字。...指针可以给指针的图形代码手动添加旋转命令,以下是完整的指针旋转代码,整个圆360度,图表显示了四分之三个圆,所以乘以0.75,再乘以你要显示图表的百分比度量值。
什么是组合图表? 我的定义是,一个视觉对象上展示两个及以上指标,并且有两种及以上呈现形式的图表。...表格矩阵的列、值可以拖拽多个指标,但如果仅仅是数字展现,也不能称之为组合图表,因为呈现形式单一;如果呈现形式不同,可以认为是组合图表。 为什么要使用组合图表? 信息密度大,便于比较。...Power BI 在2023-2024年对内置视觉对象进行了大幅升级,可以制作组合图表的内置视觉对象超过十种。以下对过往的实施经验做一个总结,供读者拓展思路。...借助我分享的Power BI SVG系列工具,以下部分效果不需要了解SVG知识也可实现。...其它内置视觉对象组合 Power BI内置的条形图、柱形图可以使用灵活的数据标签、动态格式等功能制作组合图。
介绍两种实现星级指数图表的方案,分别在Power BI和FineBI演示。...第一种是emoji方式,Power BI新建度量值: emoji图表 = REPT ( "★", ROUND ( [图书推荐指数], 0 ) ) & REPT ( "☆", 5 - ROUND ( [图书推荐指数...Power BI中新建SVG度量值: SVG图表 ="data:image/svg+xml;utf8,☆",5-ROUND(星级,0)) +"" 放入明细表,显示类型设置为图片: Power...BI和FineBI在操作上的区别: REPT和REPEAT进行五角星重复 &和+进行文本连接
表格内嵌图表极大提升了表格的丰富度,使用SVG可以在Power BI表格、矩阵灵活内嵌图表。应用过程中,有人遇到排序问题,在此进行解答。...以进度条为例,你想展示的进度条可能是从高到低排序,如下图所示: 但是,当点击任何一列图表降序时会发现,显示顺序不是我们想象中的从大到小。...标题上方覆盖一个透明的长方形进行遮挡: 视频教程: Power BI SVG图表设计:从基础到实战 Power BI DAX自定义流向地图
我过去两年分享了很多使用矩阵制作的日历(参考:Power BI 矩阵构造日历空间组合),今天换一个载体,使用新切片器视觉对象制作日历。
之前在知识星球分享过SVG的版本(使用内置表格加载),今天换一种实现方式,使用Deneb视觉对象: 把需要展示的维度和指标拖拽到Deneb,本例维度为城市,绝对值为[kpi]度量值,率值为[kpi2]度量值...] }, "size": 12 }, "encoding": { "x": { "field": "KPI..."#FF9800", "strokeWidth": 3 }, "encoding": { "x": { "field": "KPI2..."#FFFFFF", "strokeWidth": 2 }, "encoding": { "x": { "field": "KPI2...bold", "fontStyle": "italic" }, "encoding": { "x": { "field": "KPI