Power BI 图表空心化
POWER BI 图表
2023-06-13 09:15:52 时间
本公众号已经分享了超过百种DAX+SVG自定义的图表,本文介绍如何将自定义图表空心化。所谓空心图表是指没有填充颜色,仅有边框颜色的图表。下图展示了条形图的空心效果:
该图表度量值如下,把度量值放入HTML Content视觉对象正常显示。这个度量值的关键在于,把前期介绍的实心条形图中的fill参数改为none,也就是没有颜色,然后添加stroke参数,stroke进行颜色定义。
空心-条形 =
VAR MaxValue =
MAXX ( ALLSELECTED( '店铺资料'[城市] ), [M.销售业绩])
VAR SVG =
"<svg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 102 6.5' >
<rect rx='2' x='1' y='0.2' width='" & 100*[M.销售业绩]/ MaxValue & "' height='6' fill='none' stroke='DarkCyan' stroke-width='0.2'/>
<text x='2' y='4.5' text-anchor='start' font-size='3'>" & SELECTEDVALUE('店铺资料'[城市]) & "</text>
</svg>"
RETURN
SVG
任何使用SVG自定义的图表都可以利用这一原理进行改造,例如下图的空心气泡条件格式:
度量值如下,把度量值放入表格、矩阵对应字段的条件格式图标即可正常显示:
以上演示表明,形状可以空心化,文字是否也可以呢?可以的,效果如下:
度量值如下,度量值放入HTML Content视觉对象进行显示。
Fill none stroke color,SVG空心的原理就这么简单。读者可以尝试将本公众号前期分享的各种自定义图表改造成空心的。
比如麦肯锡的旋转正方形:
比如复合图表:
全家福:
相关文章
- 数字化的HR 一定要学的POWER BI数字建模
- 用POWER BI 做人员流动离职的数字化自动预警
- 为什么玩转 Power BI 一定需要 Office 365?
- Power BI不讲武德?全部快捷键来了(含DAX)!| PBI技巧
- Power BI 模拟金融时报市场升降卡片图
- Power BI 切屏效果原理
- Power BI模拟麦肯锡多种正方形图表
- 如何用Power BI设计T恤
- Power BI 表格绝对值和百分比组合
- 【视频】Power BI 四象限划分
- Power BI如何插入本地视频?
- Power BI制作动态颜色调试工具
- 可用于Power BI的谷歌图标、emoji、旗帜库
- Power BI 优化表格矩阵中的条形图
- Power BI原生图表自定义填充图案
- Zebra BI 重大发布,与 Excel,PPT,Power BI 统一集成,一大壮举
- Power BI: 日期表的创建
- Notion+Power BI=Notion BI,简称NB
- Power BI系列:为什么度量值计算的占比全是100%?
- 大数据分析工具Power BI(八):动态TOPN统计
- umentionThe Power of MySQL Documentation(mysqldoc)
- RDM: Unleashing the Power of Redis(rdmredis)
- Unlock the Power of Oracle 2.0(oracle2)
- Exploring the Power of Linux: A Comprehensive Guide to Understanding the nm Command(linuxnm)
- Exploring the Power of Grid Computing with Linux: A Comprehensive Guide(linuxgrid)
- Maximizing the Power of MacOS with PHP: A Comprehensive Guide for Developers(macosphp)
- Exploring the Power of Linux with C Language in Sync(linuxcsync)
- The Power and Efficiency of a Linux Server: Everything You Need to Know(linuxsever)
- android添加按(power键)电源键结束通话(挂断电话)