Power BI 模拟微信公众号排行榜

wujunmin

发布于 2023-02-28 09:52:09

3560

发布于 2023-02-28 09:52:09

文章被收录于专栏：wujunmin

微信公众号手机端（订阅号助手APP）有对关注者的数据分析模块，例如下图是阅读排行前三名。这个卡片图简洁清晰，左上角是名次，名次底纹为金银铜色；中间是人物头像；下方是人物昵称。

Power BI模拟如下，实现原理是SVG矢量图和DAX结合。

下方是图表度量值，将度量值放入Html Content视觉对象显示。

模拟公众号排名完整版金 = 
 "<svg viewbox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'>
    <rect rx='50' x='5' y='5' width='990' height='990' fill='none' stroke-width='10' stroke='lightgrey' stroke-opacity='0.7'/>
    <path fill='RGB(194,174,133)' d='m20.14429,0.66667l177.52238,0l0,91.80771c0,10.14063 -8.72009,18.36179 -19.47762,18.36179l-177.52238,0l0,-91.80771c0,-10.14063 8.72076,-18.36179 19.47762,-18.36179z'/>
    <text x='100' y='65' text-anchor='middle' dominant-baseline='middle' font-size='100' fill='white'>" & 排名度量值 & "</text>
    <image xlink:href='人员头像列' x='200' y='120' width='600' height='600'></image>
    <text  x='500' y='900' font-size='100' text-anchor='middle' dominant-baseline='middle'>人员姓名列</text>
 </svg>"

把度量值中的排名、人员头像、人员姓名替换为你模型中的数据进行复用。本度量值是金色背景，用作显示第一名，因此，视觉对象筛选器筛选第一名的人员。第二名第三名度量值相同，需要把度量值中的颜色RGB(194,174,133)进行替换。如登录了微信电脑端，光标放到下方三个图，Alt+A可以得到不同底纹的颜色编码。

这是一种复合应用，该图表的排名也可拆分出来单独使用。