Power BI模拟豆瓣、Flomo、Github的日历热力图

wujunmin

发布于 2025-02-10 18:45:53

2060

文章被收录于专栏：wujunminwujunmin

这是豆瓣的书影音记录热力图：

这是Flomo（一款笔记服务）的笔记记录热力图：

这是Github的热力图：

大家发现没，这三个平台的热力图非常接近-都是绿色色系，都是圆角正方形造型。

在Power BI中，热力颜色使用矩阵的条件格式背景色可以做到。

但是圆角正方形效果背景色无能为力，此时可以借助SVG矢量图。新建一个SVG度量值，按照不同的数据大小定义透明度，本例数据越大颜色越深。

SVG.热力图 = 
VAR Opacity = SWITCH ( TRUE (), [数量] > 4, 1, [数量] > 2, 0.5, [数量] > 0, 0.3, 0.2 )
RETURN
"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'>
    <rect id='wujunmin' rx='15' x='0' y='0' width='48' height='48' 
    fill='" & IF ( [数量]> 0, "green", "lightgrey" ) & "' 
    fill-opacity='" & Opacity & "'/>
</svg>"

将以上度量值标记为图像URL，放入矩阵的值：