Power BI 模拟国务院客户端日历

wujunmin

发布于 2025-02-10 19:01:09

5400

代码可运行

文章被收录于专栏：wujunmin

运行总次数：0

代码可运行

在国务院客户端看到下图这样的日历风格：

该日历有以下特点：

日期和农历结合
法定假日和周末调班分别用实心圆和空心圆圈起来，且右上角文字标注

Power BI内置矩阵结合SVG矢量图可以轻松制作，以下是模拟结果：

矩阵的行列值如下设置：

对应的SVG度量值为：

SVG.日历卡片 = 
VAR FillColor =
    IF ( SELECTEDVALUE ( '日历'[假日安排] ) = "休", "rgb(143,7,13)", "none" )
VAR StrokeColor =
    IF ( SELECTEDVALUE ( '日历'[假日安排] ) = "班", "rgb(143,7,13)", "none" )
VAR TextColor =
    IF ( SELECTEDVALUE ( '日历'[假日安排] ) = "休", "white", "rgb(143,7,13)" )
RETURN
"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='wujunmin' width='100' height='100'>
    <circle r='40' cx='50' cy='50' srtoke-width='4' fill='" & FillColor & "' stroke='" & StrokeColor & "'/>
    <text x='50' y='50' font-size='30' text-anchor='middle' fill='" & TextColor & "'>"
        & SELECTEDVALUE ( '日历'[日] ) & "</text>
    <text x='50' y='75' font-size='16' text-anchor='middle' fill='" & TextColor & "'>"
        & SELECTEDVALUE ( '日历'[农历] ) & "</text>
    <text x='80' y='22' font-size='20' fill='rgb(143,7,13)'>"
        & SELECTEDVALUE ( '日历'[假日安排] ) & "</text>
</svg>"

把度量值标记为图像URL使用。