我要投稿

借助DeepSeek，轻松实现PowerBI多年不支持的可视化效果，时代确实变了

发布日期：2025-02-22 20:50:38 浏览次数： 2144

作者：PowerBI星球

微信搜一搜，关注“PowerBI星球”

在 PowerBI 报告中展示可滚动的表格，是一个相当普遍的需求。然而，PowerBI 自身的表格和矩阵功能仅支持静态效果，无法实现数据的动态滚动展示。借助 SVG 代码虽可达成这一目标，但并不是每个人都会用SVG，因此之前想要实现这一需求并非易事。

如今借助 DeepSeek，我们便可在 PowerBI 中轻松实现这一需求。

以PowerBI星球案例模型为例，假如我们想在报表中添加个滚动的表格，来显示每个产品的售价、销售数量、销售额等信息，可以通过上传TMDL脚本的方式，先让DeepSeek熟悉这个模型，然后通过SVG写个度量值来实现这个需求。

提问如下：

附件是PowerBI报告的TMDL脚本，请你分析这个模型，并帮我用SVG代码生成一个滚动表格的度量值，表格中体现的是每个产品的零售价、销售数量、销售额和利润等信息，要求表格第一行标题固定，连续循环滚动，背景透明。

然后它会生成一个度量值的公式：

复制这个公式，在PowerBI中创建这个度量值。

这里利用新卡片图来显示滚动表格。

先写个空白度量值，放到新卡片图中，并把值和标签都关掉，然后打开图像，类型选择“图像URL”,点击fx按钮，选择上面利用DeepSeek建好的SVG度量值。

第一次失败了，什么都没有显示。

具体哪里有错误并不清楚，我们直接让DeepSeek来调试：

然后它又给出了一个公式，利用这个来更新度量值，这次更离谱，新卡片图直接报错了，我把报错信息发给它让它继续调试：

这次它又给了一个修改后的版本，终于可以滚动了，效果如下：

不过标题没有居中，继续让它优化：

优化后的度量值，标题居中显示没有问题：

如果想修改标题背景填充色，不知道改动哪里的代码，也可以让DeepSeek告诉你怎么改：

它不仅告诉需要修改的代码在哪里，还告诉你颜色的规则和工具推荐，非常贴心。

让DeepSeek数次调试后的滚动表格最终效果如下：

最终的度量值公式：

滚动表格 = VAR RowHeight = 35// 行高VAR FontSize = 12 // 字体大小VAR TableWidth = 800// 表格总宽VAR ColCount = 5// 列数VAR ColWidth = TableWidth / ColCountVAR VisibleRows = 5 // 可见行数VAR TotalHeight = (VisibleRows + 1) * RowHeightVAR AnimationDuration = 15// 滚动速度（秒）
// 列中心坐标计算（兼容DAX语法）VAR Col1_X = ColWidth * 0 + ColWidth/2VAR Col2_X = ColWidth * 1 + ColWidth/2VAR Col3_X = ColWidth * 2 + ColWidth/2VAR Col4_X = ColWidth * 3 + ColWidth/2VAR Col5_X = ColWidth * 4 + ColWidth/2
// 数据准备（含行索引）VAR Data = ADDCOLUMNS(SUMMARIZE('产品表','产品表'[产品名称],"零售价", MAX('产品表'[零售价]),"销售数量", CALCULATE(SUM('订单表'[销售数量])),"销售额", CALCULATE(SUM('订单表'[销售额])),"利润", CALCULATE(SUM('订单表'[利润]))),"RowIndex", RANKX(ALL('产品表'), '产品表'[产品名称], , ASC, Dense))
VAR RowCount = COUNTROWS(Data)
// 标题垂直居中修正（核心修改点）VAR HeaderY = RowHeight/2 + FontSize/3// 精确垂直居中公式VAR Header = "<text x='0' y='" & HeaderY & "' font-size='" & FontSize & "' fill='white' font-weight='bold' dominant-baseline='middle' text-anchor='middle'><tspan x='" & Col1_X & "'>产品名称</tspan><tspan x='" & Col2_X & "'>零售价</tspan><tspan x='" & Col3_X & "'>销售数量</tspan><tspan x='" & Col4_X & "'>销售额</tspan><tspan x='" & Col5_X & "'>利润</tspan></text>"
// 数据行模板（同步垂直居中）VAR DataRows = CONCATENATEX(Data,VAR YPosition = [RowIndex] * RowHeightRETURN"<g transform='translate(0," & YPosition & ")'><text y='" & HeaderY & "' font-size='" & FontSize & "' fill='white' dominant-baseline='middle' text-anchor='middle'><tspan x='" & Col1_X & "'>" & '产品表'[产品名称] & "</tspan><tspan x='" & Col2_X & "'>¥ " & FORMAT([零售价], "#,0") & "</tspan><tspan x='" & Col3_X & "'>" & FORMAT([销售数量], "#,0") & "</tspan><tspan x='" & Col4_X & "'>¥ " & FORMAT([销售额], "#,0") & "</tspan><tspan x='" & Col5_X & "'>¥ " & FORMAT([利润], "#,0") & "</tspan></text></g>",UNICHAR(10))
// 动画逻辑（无缝滚动）VAR AnimatedContent = "<g transform='translate(0," & RowHeight & ")'><animateTransform attributeName='transform'type='translate'from='0 0' to='0 -" & (RowCount * RowHeight) & "' dur='" & IF(RowCount <= VisibleRows, 0, AnimationDuration) & "s' repeatCount='indefinite'/>" & DataRows & DataRows & "</g>"
RETURN"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'width='" & TableWidth & "'height='" & TotalHeight & "'viewBox='0 0 " & TableWidth & " " & TotalHeight & "'style='background:transparent;font-family:Segoe UI'>
<!-- 固定标题栏 --><rect width='100%' height='" & RowHeight & "' fill='rgba(75,183,218,1)' rx='3'/>" & Header & "
<!-- 滚动遮罩 --><mask id='scrollMask'><rect width='100%' height='" & (TotalHeight - RowHeight) & "' y='" & RowHeight & "' fill='white'/></mask>
<!-- 滚动内容 --><g mask='url(#scrollMask)'>" & AnimatedContent & "</g>
<!-- 装饰性边框 --><rect width='100%' height='100%' fill='none' stroke='#555' stroke-width='1'/></svg>"