从北面、Vans母公司财报学习Power BI 长文本可视化

wujunmin

发布于 2025-02-10 16:59:57

5300

代码可运行

文章被收录于专栏：wujunminwujunmin

运行总次数：0

代码可运行

VF公司不一定有人知道，但是The North Face、Vans、踢不烂估计很多人听过，这些品牌都是VF旗下的。近日，VF发布了最新一季财报，一页PDF简要概括了核心财务指标。这一页的可视化效果有很多值得学习的地方。

图片来源：VF官网

卡片图在Power BI可以使用新卡片图视觉对象1:1复刻，去年已经分享过。今天要分享的是上图左下角这个不起眼的长文本：

这段文本从结构上来说是多段式，每一段描述一个指标；从细节上来看文本为白色，数据为蓝色。

Power BI中，DAX结合HTML 可以轻松实现，原理《Power BI 长文本条件格式总结》已经分享过，这里直接给出度量值：

M.P.VF = "
<p id='wujunmin1' style='font-size:25px;color:white;'>
    YTD CASH USED BY OPERATIONS" & "
    <span style='color:blue;'>-$301.8M</span>
</p>
<p id='wujunmin2' style='font-size:25px;color:white;'>
   YTD FREE CASH FLOW + PROCEEDS FROM NON-CORE PHYSICAL ASSET SALES" & "
    <span style='color:blue;'>-$296.8.8M</span>
</p>
<p id='wujunmin3' style='font-size:25px;color:white;'>
    INVENTORY" & "
    <span style='color:blue;'>$2.1B</span> | 
    <span style='color:blue;'>-13%</span> VS LY
</p>
<p id='wujunmin4' style='font-size:25px;color:white;'>
    QUARTERLY DIVIDENDS PAID" & "
    <span style='color:blue;'>$35M</span>
</p>"

把度量值放入HTML Content视觉对象即可正常显示。