趋势（三）利用python绘制堆叠面积图 堆叠面积图（Stacked area Chart）简介 堆叠式面积图的原理与简单面积图相同，但它能同时显示多个数据系列，适合用来比较同一间隔内多个变量的变化。...1,4,6,8,9], [2,2,7,10,12], [2,8,5,10,6]] df = pd.DataFrame(y).T df.columns = ['A', 'B', 'C'] # 利用area函数绘制堆叠面积图...df.plot.area() plt.show() 定制多样化的堆叠面积图 自定义堆叠面积图一般是结合使用场景对相关参数进行修改，并辅以其他的绘图知识。...) plt.show() 总结 以上通过matplotlib和pandas快速绘制堆叠面积图。...并通过修改参数或者辅以其他绘图知识自定义各种各样的堆叠面积图来适应相关使用场景。 共勉～
在VisualCapitalist看到这么一个排名图，结构是排名+公司logo+行业标签，Power BI矩阵也可以制作类似的效果，这是三种类型的图片组合。...准备数据如下，logo可以是URL、本地图片转Base64或者SVG： 把公司名称放入矩阵行，logo放入值（标记为图像URL），得到以下效果： 行业标签使用SVG度量值包裹，我提供了工具进行制作《Power...BI 万能富标签生成器》，把标签度量值放入矩阵的值，得到： 将值切换到行： 拖拽隐藏不需要的Company列和度量值名称： 为logo添加SVG条件格式排名图标，排名图标的制作方式参考：Power...BI 排名与Top可视化总结 可以看到效果似乎有点不对，行业标签的位置没有和logo对齐。...BI SVG图表设计：从基础到实战》系列教程。
本文是Power BI新卡片图系列第七篇文章，前六篇如下，视频教程也在连载中。...《Power BI巅峰之作：新卡片图》 《新卡片图异形边框》 《新卡片图主次指标组合》 《新卡片图总分结构》 《新卡片图添加地图》 《新卡片图添加下划线》 ---- 卡片图通常是一个数字，体现当前的状况...Power BI 2023年6月推出的卡片图借助SVG矢量图可以实现这种现状与趋势组合。前期分享过若干种在表格、矩阵实现时间趋势迷你图的方式，现在无需任何修改即可移植到新卡片图。...《Power BI 折线图自定义特殊标注》给出了自动标出最高点最低点的SVG代码，移植到新卡片图后，效果如下图所示： 设置卡片图时，将图像设置为图像URL，URL选择折线度量值，位置位于下方： 当然...2个及以上指标，把前期的度量值依葫芦画瓢再加一条线即可： 《Power BI卡片图主次指标组合展示》分享过如何在卡片图同时显示本期和同期数据，现在也可以和折线结合了，把下图左上侧的SVG代码和右上侧的代码放一起
本文是Power BI新卡片图系列第13篇=分享，前12篇如下： 《Power BI巅峰之作：新卡片图》 《卡片图添加异形边框》 《卡片图主次指标组合》 《卡片图总分结构》 《卡片图添加地图》...《卡片图添加下划线》 《卡片图添加折线趋势》 《卡片图叠加进度条》 《卡片图添加天气动画图标》 《卡片图模拟微信日周月对比》 《卡片图指标与排名组合》 《卡片图添加麦肯锡华夫饼图》 ---- Power...BI 2023年6月新推出的卡片图打开了图表新局面（不了解新卡片图参考此文：Power BI可视化的巅峰之作：新卡片图），环形图是常见的体现百分比的图表，通过添加SVG图标的方式，可以方便的为卡片图设置环形图...环形图扇形图视频讲解：https://t.zsxq.com/0fyBulAx5 扇形图度量值如下： 180度扇形图 = VAR w=IF([M.业绩达成率]=1,1...： 除了环形图，前期还讲过其它百分比的卡片图形式，读者可以选择使用： 《Power BI卡片图添加华夫饼百分比》 《Power BI卡片图叠加进度条》
跑道图从功能上来说类似条形图，从样式上来说像环形图。与条形图的区别在于，它是弯曲的；与环形图的区别在于，跑道的数量是不固定的。例如以下人员对比，按照筛选环境，可能是三个人，也可能是五个人。...Power BI使用SVG可以度量值自定义跑道图（不了解SVG参考：Power BI SVG制图入门知识），并用新卡片图视觉对象展示（Power BI可视化的巅峰之作：新卡片图）。...另一种是使用path的弧线命令A只绘制数据对应的圆弧，《Power BI DAX设计扇形图、环形图》已给出绘制方法。至于跑道是180度还是270度，可以调整A对应的值。...以上图的人员业绩达成为例，使用ROWNUMBER函数，按照业绩达成率指标构建索引，对跑道的半径进行衰减（即最大值半径最大，例如100像素，其它的按索引减少），最后用CONCATENATEX函数拼接所有跑道...类别标签、数据标签使用SVG的text元素统一书写，头像这里使用的是base64编码（参考：Power BI本地图片显示最佳解决方案），新卡片图视觉对象暂不支持网络图床URL嵌入SVG，SVG的image
本文是Power BI新卡片图系列第五篇文章，前四篇如下，视频教程也在连载中。...《新卡片图五大应用场景》 《新卡片图异形边框》 《新卡片图主次指标组合》 《新卡片图总分结构》 ---- Power BI 2023年6月推出的卡片图视觉对象是一个良好的地图载体。...《Power BI SVG着色地图：从全球到全国、省、市、区县、乡镇街道村、建筑空间操作技巧》介绍了不同层级的SVG地图如何获取或制作。...BI？...如果是单个地图，用记事本打开地图，将里面的双引号全部替换为单引号，复制到Power BI的度量值，注意需要添加下图红框的前缀，以便新卡片图识别。
本文是Power BI新卡片图系列第四篇文章，前三篇如下，视频教程也在连载中。...《新卡片图五大应用场景》 《新卡片图异形边框》 《新卡片图主次指标组合》 ---- Power BI2023年6月新推出的卡片图使得自由可视化成为可能。...传统模式下，一个卡片图放一个数字，借助新卡片图可以实现总分结构。例如下图卡片除了显示总业绩，右侧条形图分别列示了每家店铺的业绩明细。...以直线连接为例，增加line标签，连接线的起点为图像左侧中部(此处假设图像为100*100大小，左侧中部y坐标为50)，终点为每个条形开始的点。...如果是柱形图，x、y逻辑颠倒即可将条形图变更为柱形图。 百分比条形图是两个条形叠加，底部是完整长度的灰色条形，上方的蓝色条形按率值改变长度。
Power BI 2023年6月推出的新卡片图功能十分强悍，上文《Power BI可视化的巅峰之作：新卡片图》介绍了五种主要场景。本文针对卡片图边框设置介绍一种个性化思路。...新卡片图支持边框的调整，如下可以调整为圆角矩形。除了圆角矩形，还内置了自定义样式，但也仅局限于简单线条的变化。...如果你有更个性化的需求，其实边框可以是这样子： 甚至这个样子： 在6月份之前，实现以上卡片图边框需要采取叠图的方式，也就是说，在基础卡片图下方叠加一个图片。...而现在，新卡片图可以直接填充背景图像。 所以，我们只需要寻找中空的，满足展示需求的图片，添加为背景即可实现异形边框。这里推荐SVG格式的图片，因为SVG是矢量图形，放大缩小不影响画质。...简单的造型推荐在我建的这个SVG图标库查找《复制粘贴就可以使用的Power BI图标素材查询系统2.0》,比方查找一个心形图案，复制代码到空白的SVG文件，注意删除前缀，然后应用到卡片图背景图像即可。
矩阵气泡图，其实就是矩阵（透视表）的升级版。下图显示了虚拟的几家店铺下半年的业绩，气泡大小表示业绩大小，气泡颜色表示业绩达成状态。比起普通矩阵来说，矩阵气泡图信息层次更加丰富。...如何在Power BI中制作？...准备好如下数据，写一个度量值，叫数据： 数据 = SUM('业绩表'[业绩]) 如果是传统矩阵，字段如下设置： 结果如下： 如果要呈现气泡图，需要对该度量值进行包装，包装后的度量值为： 矩阵气泡图...' width='100'> 100' y2='50' stroke='black' stroke-width='0.5' /> <!
绝大部分Power BI用户可能都知道SQLBI团队。他们分享了海量的DAX文章、视频，出版了海量的书籍，开发了海量的工具、视觉对象。这样全方位的Power BI社区贡献冠绝全球。...Power BI使用新卡片图视觉对象很容易实现这种效果。...图片来源https://www.sqlbi.com/ 将指标度量值放入新卡片图视觉对象，默认得到： 修改标签位置为低于值： 最后插入对应图标，以书籍为例，打开我分享的Power BI/Excel SVG...0 0 1 .634 -1.219l.133 -.041z' /> " 卡片图的图像区域...SQLBI官网首页右下角还有一个词云图，这个和豆瓣的词云是接近的，文末知识星球有对应视频教程《Power BI 模拟豆瓣词云热力图》，内置视觉对象即可实现。
之前介绍过VisActor可视化库，本文开始第一个模仿：子弹图，效果如下图所示，条形为实际值，红色的图标像一个图钉，为目标值： 在表格矩阵视觉对象，可以创建一个SVG图表度量值实现以上效果，度量值如下：...visactor子弹图 = //公众号、知乎、B站：wujunmin VAR MaxAC = MAXX ( ALLSELECTED ( '店铺资料'[店铺名称] ), [M.销售业绩] )
这是一个普通的带有边框的卡片图： 如果是美化目的，可以借助空心图片灵活设计边框，参考：Power BI卡片图异形边框 本文讨论的不是边框的美化，而是边框的数据化。...fx： 更多强调栏技巧：Power BI 卡片图强调栏应用情境 第三种是把边框当成拐弯的进度条图表。...'> 100 0 100Z' fill='none' stroke='lightgrey' stroke-width='10' /> Power BI/Excel 表格内嵌进度条生成器 第四种，边框不再方方正正，而是其中一条边充当折线，体现时间趋势： 折线可以随外部切片器日期范围动态变化，也可以和其他三边区分颜色： 这种效果也是...以上所有效果，除了应用于新卡片图，也都可以用在表格矩阵，作为小多图使用。
Date.Highlight = 'Date' 新建一个柱形图，如下拖拽字段： 对柱形图的颜色设置fx： M.颜色 = VAR DateSelected = SELECTEDVALUE (...拖拽高亮日期范围切片，可以得到对应的高亮提示： 以上是单个高亮，再次新增星期、节日（字段来自Date.Highlight表）等切片器，可以多选得到多个高亮范围，比如下图高亮了所有星期五： 以上是单个柱形图，
之前介绍过如何在Power BI使用HTML Content视觉对象制作动态水印，现在使用内置的新卡片图也可以显示水印了（不了解新卡片图参考：Power BI可视化的巅峰之作：新卡片图） 首先对水印度量值进行改造...接着新建新卡片图，拖入任意指标，将卡片图的标注标签全部关闭，此时卡片图显示为空白。 打开卡片图的图像，填充刚才新建的水印度量值，并按需求调整像素大小。...最后将卡片图放置在画布底层合适的位置，水印即制作完成。...可复制的原地转圈水印度量值： 水印_原地转圈 = "data:image/svg+xml;utf8,100...100'> <text id='wujunmin' x='50' y='50' font-size='20' fill='Grey' fill-opacity='0.4' text-anchor
麦肯锡2025时装产业报告有这样一组卡片： 来源：麦肯锡报告 卡片图由三个部分组成：指标值、场景图标和长文本描述。...Power BI新卡片图视觉对象也可以方便的实现类似构图： 这里使用了三个度量值，对应关系如下： [M.图标]是一个SVG图标，我分享的Power BI SVG在线工具内置了上万图标，访问： https...eyJrIjoiZDk1N2RiMTgtYWMwOC00ZDM3LTliYzQtYzMxYWYzOGVkNmI1IiwidCI6IjI5Y2JkNTY4LTBlOWItNDQ0Zi1iZTA1LTYxNjMyOTAzNjJmZSJ9 选择图标查询系统： 可以按关键字搜索选择，并复制SVG代码到度量值： 将[M.值]度量值放到新卡片图的
如果数据差异非常大，有的上亿，有的只有几百，如何在卡片图更好的显示这样的数据？把数据修正同时带有单位是个不错的办法，比如如果数据超过一亿，除以一亿，末尾加个汉字”亿“。...Power BI推出的动态格式可以解决这一问题，把数据进行如下除法处理， Value_修正 = SWITCH ( TRUE (), [Value] >= 100000000, ROUND...BI 动态格式的奇葩用法），单位即可按照数据自行切换了。...实现方式是为该卡片设置SVG图标，这需要使用2023年6月Power BI新推出的卡片图（不了解可参考此文：Power BI可视化的巅峰之作：新卡片图），SVG图标的内容为单位，图标度量值如下： 单位图标...本方法不仅仅用在卡片图，也可以放在表格矩阵条件格式图标： 这个原理可以进行扩展应用，比如卡片左下角放置币种符号，右上角放置辅助指标。
借助SVG，我们可以使用DAX绘制图表，轻松实现倾斜样式的卡片图，下图的左侧和右侧对城市标签进行了倾斜： 以上效果仅仅使用了9行度量值： SVG.维度倾斜卡片 = "data:image/svg+xml...;utf8,100'> 100' y='...([M.业绩达成率],"0%") & " 100...middle' fill='white'>"& SELECTEDVALUE('店铺资料'[城市]) & " " 把度量值放在表格矩阵（标记为图像URL）或者新卡片图视觉对象使用
"data:image/svg+xml;utf8,100...'> 100 0 100Z' fill='lightgrey'/>
也可以用在图表上： 原理为CSS动画，当用在图片上时，如下新建图片度量值： M.HTML.Img = "" 图片链接可以是图床
近日看到Apple watch的一个宣传图，下方有三个漂亮的环形图： 左侧的环形图使用Power BI内置图表即可实现。...中部的三个环形嵌套前期在讲小米的图表时涉及过（Power BI模拟小米运动APP三环效果），这里不再重复。右侧的环形图值得拿出来单独说明下，下方是Power BI实现效果。...Power BI使用十行左右的度量值即可实现，把度量值放入HTML Content即可正常显示： 苹果半环形图 = VAR Pct=0.66//替换为实际模型中的百分比 0-1 VAR Chart=...'55' y='45' text-anchor='middle' dominant-baseline='middle' font-size='25' fill='white'>"&ROUND(Pct*100,0
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
