前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >Power BI模拟微信视频号卡片图

Power BI模拟微信视频号卡片图

作者头像
wujunmin
发布2025-02-10 18:43:54
发布2025-02-10 18:43:54
4500
代码可运行
举报
文章被收录于专栏:wujunminwujunmin
运行总次数:0
代码可运行

微信视频号针对单个视频推出了数据分析功能,以下是其中的一组卡片:

来源:视频号后台

卡片有三个部分组成,播放指标、指标是高还是低,指标在同类视频中的排名(超过了百分之多少)。Power BI使用新卡片图视觉对象可以制作类似的卡片图结构,以下是模拟效果:

这里“高低”不是一个简单的文字,它带有圆角背景,我们使用SVG实现,实现过程不需要了解SVG代码知识。打开我分享的Power BI SVG在线工具:

https://app.powerbi.com/view?r=eyJrIjoiZDk1N2RiMTgtYWMwOC00ZDM3LTliYzQtYzMxYWYzOGVkNmI1IiwidCI6IjI5Y2JkNTY4LTBlOWItNDQ0Zi1iZTA1LTYxNjMyOTAzNjJmZSJ9

选择图标查询系统:

关键字输入中文“高”,调整相关参数,本例文字颜色和背景色都是绿色,但是背景色设置了透明度(31),并设置了一定圆角弧度。调整完成后复制右侧表格对应的SVG代码。

对于“低”,同样搜索并设置参数(本例为红色),将“高低”文字的SVG代码放入一个空白度量值:

代码语言:javascript
代码运行次数:0
复制
SVG.高低 = IF([M.播放量]>=目标值,高的SVG代码,低的SVG代码)

在新卡片图视觉对象的图像URL放入上方的SVG度量值,位置为文本右侧,得到:

最后处理卡片下方的小字,这行小字的特点是数据为橘色,数据前后都加了文字。

把排名度量值放入引用标签,标题和值施加不同的颜色,得到:

引用标签的标题选择自定义,输入文字“超过”,得到:

引用标签的详细信息打开,“将空白显示为”处输入文字“的同类视频”。

完工。

更多模拟腾讯系图表:Power BI 模拟腾讯图表系列

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档