Power BI Markdown应用：嵌入SVG图表

wujunmin

发布于 2026-05-26 17:52:58

320

截至目前分享了四种Power BI Markdown（一种轻量级标记语言，可以使用简单的符号定义文本格式）应用案例，大家会发现，Markdown是朴素的，基本上黑白灰。如果需要绚丽多彩，可以Markdown结合HTML或者SVG矢量图。

在《Power BI Markdown应用：信息卡片》案例中，介绍了使用”“![产品ID](图片URL)” 展示产品图片，图片可以是像素图，也可以是SVG。

以下在Power BI Markdown表格插入了SVG进度条：

度量值如下：

MD.表格 = 
VAR t = VALUES('门店'[门店])
RETURN
"
| 门店 | 进度条 | 业绩达成率 |
|---|---|---|" 
& UNICHAR ( 10 )
    & CONCATENATEX (
        t,
        "|" & [门店] & "|![" & [门店] & "](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'24'%3E%3Crect%20width%3D'" & 300 * IF([M.业绩达成率]>=1,1,[M.业绩达成率]) & "'%20height%3D'24'%20x%3D'0'%20y%3D'0'%20rx%3D'12'%20fill%3D'" & IF([M.业绩达成率]>=1,"deepskyblue","lightgrey") & "'%2F%3E%3C%2Fsvg%3E)|" & FORMAT([M.业绩达成率],"0%") & "|",
        UNICHAR ( 10 ),
        [M.业绩达成率], DESC
    )

把度量值放入ReadMe视觉对象进行图表渲染：