Power BI 模拟微信读书条形图

微信读书APP在读完一本书时会给出数据报告。报告由卡片图和条形图两个部分组成。卡片图借助Power BI新卡片图视觉对象的引用标签功能可以大致实现。

条形图稍微复杂一些，复杂的地方在于日期标签和阅读时长标签呈现两端式布局，这需要使用2024年2月推出的重叠功能进行构图。以下是模拟结果：

表面上看上方展示了一个数据，实际使用了三个数据，分别是：

M.最大值.用于显示背景条形 = MAXX(ALLSELECTED('表'[日期]),[M.阅读时长.用于显示实际])
M.阅读时长.用于显示实际 = SUM('表'[时长])
M.最小值.用于显示日期 = MINX(ALLSELECTED('表'[日期]),[M.阅读时长.用于显示实际])

每个数据的作用在度量值命名时已注明。把这三个数据都放入簇状条形图的X轴：

布局系列间距调整为100%，并将重叠功能打开。

三个数据的条形颜色都设置为相同RGB颜色，但是透明度不同，[M.最小值.用于显示日期]的透明度设置为100%，因为这个数据没有用，只是为了数据标签占位；[M.阅读时长.用于显示实际]的透明度0%；[M.最大值.用于显示背景条形]的透明度60%充当背景。

将最小值和实际值的数据标签打开，最小值设置显示标签为日期，实际值显示实际。

M.日期 = FORMAT(SELECTEDVALUE('表'[日期]),"D日")

最小值的标签位置为基内，实际值标签为端内：

如上则大体完成设置。微信读书APP原图有一定的圆角效果，很遗憾Power BI内置条形图暂不支持。如需100%复刻可以考虑表格为载体，DAX+SVG实现：