Power BI 制作巴黎奥运会中国队获得奖牌时间轴

图片来源：https://m.sports.qq.com/sports-event/pc-medal-rank.htm?competitionId=180000

Power BI 使用表格也可以制作时间轴榜单，下表参考了腾讯的部分设计元素，但又有所不同，选择金牌时：

数据来源：https://sports.cctv.com/Paris2024/medal_list/index.shtml

选择铜牌时：

切片器借助了B站的设计思路，参考：Power BI 模拟B站切片器

表格只使用了一个技巧：SVG条件格式图标

获奖顺序字段右侧有金银铜字样，文字可以直接跟在顺序数字后面，但可能造成排序异常，此处把金银铜文字放在了条件格式图标。

打开我分享的Power BI SVG在线工具：

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

选择图标查询系统：

搜索“金银铜”，在线调整颜色，即可获得对应SVG代码，用于插入条件格式：

类似的，运动项目和奖牌获得者图标也可以依次获得。此处运动项目我为了操作简单，使用了相同的图标，读者也可以按照项目分类SWITCH切换图标。

日期旁边的时间轴连接线也是SVG图标：

这个图标是我手写的，没在SVG在线系统，读者可以如下复制：

SVG.时间轴.圆形中点 = 
"data:image/svg+xml;utf8,<svg id='wujunmin' width='50' height='50' xmlns='http://www.w3.org/2000/svg'>
<path d='M25 0 V50' stroke='rgb(230,230,230)' stroke-width='4'/>
<circle cx='25' cy ='25' r='5' fill='white' stroke='rgb(230,230,230)' stroke-width='4'/>
</svg>"

为知识星球会员（文末扫码加入）提供更多样式，如下获得者字段添加圆角背景。

获得者和项目放在同一列：

时间轴图标也有更多花样，如向上的箭头：

加起点圆点箭头：

填充式箭头：

边框式箭头：