前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Power BI 卡片图添加折线首尾标记

Power BI 卡片图添加折线首尾标记

作者头像
wujunmin
发布2023-09-05 15:10:40
2100
发布2023-09-05 15:10:40
举报
文章被收录于专栏:wujunmin

Power BI卡片图添加趋势图》介绍了如何在卡片图添加折线趋势,《Power BI 卡片图添加动画折线趋势》介绍了如何添加折线出场动画

图表度量值如下,度量值中的日期、指标替换为自己模型对应的数据可复用。

代码语言:javascript
复制
折线首尾标记=
VAR XMinDate =
    MIN ( '日期表'[Date] )
VAR XMaxDate =
    MAX ( '日期表'[Date] )
VAR MaxWidth = 300
VAR MaxHeight = 80
VAR Space_X = MaxWidth * 0.1
VAR Space_Y = MaxHeight * 0.1
VAR Mark_r = MaxWidth / 60
VAR Line_stroke = MaxWidth / 100
VAR YMinValue =
    MINX ( ALLSELECTED ( '日期表'[Date] ), [指标] )
VAR YMaxValue =
    MAXX ( ALLSELECTED ( '日期表'[Date] ), [指标] )
VAR SVG_Table =
    ADDCOLUMNS (
        '日期表',
        "X",
            MaxWidth
                * DIVIDE ( [Date] - XMinDate, XMaxDate - XMinDate ),
        "Y",
            MaxHeight
                * DIVIDE ( [指标] - YMinValue, YMaxValue - YMinValue ),
        "MarkColor",
            IF (
                [Date] = XMinDate,
                "Tomato",
                IF ( [Date] = XMaxDate, "DarkCyan", BLANK () )
            )
    )
VAR Lines =
    CONCATENATEX ( SVG_Table, [X] & "," & MaxHeight - [Y], " ", [Date] )
VAR Marks =
    CONCATENATEX (
        FILTER ( SVG_Table, [MarkColor] <> BLANK () ),
        "<circle cx='" & [X] & "' cy='" & MaxHeight - [Y] & "' r='" & Mark_r & "' fill='" & [MarkColor] & "'/>"
    )
VAR SVG = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='" & MaxWidth & "' height='" & MaxHeight & "'  viewBox='" & - Space_X & " " & - Space_Y & " " & MaxWidth + Space_X * 2 & " " & MaxHeight + Space_Y * 2 & "'><!--微信公众号、知乎:wujunmin--><polyline fill='none' stroke='LightGrey' stroke-width='" & Line_stroke & "' points='" & Lines & "'/>" & Marks & "</svg>"
RETURN
    SVG

使用时把上方度量值放入新卡片图的图像URL,也可放入表格矩阵。

效果如下图,当然你也可以选择仅显示开始标记或者结尾标记,把上面IF语句简化下即可,颜色也可自行替换。

更丰富的效果仅在知识星球分享,例如带有箭头,箭头的方向随数据变化:

例如虚线:

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-07-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 wujunmin 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档