我要投稿

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

发布日期：2025-02-22 20:50:38 浏览次数： 1532 来源：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] * RowHeight    RETURN    "<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>"