效果:
按钮切片器视觉对象的布局选择单列,图像插入SVG度量值:
度量值代码:
tb居中条形 =
VAR MaxValue = MAXX(ALLSELECTED('店铺资料'[店铺名称]), [M.销售业绩])
VAR Width = 280 * [M.销售业绩] / MaxValue
VAR SVG = "data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' id='wujunmin' width='300' height='36' >
<rect rx='2' x='10' y='16' width='280' height='4' fill='#f0f0f0'/>
<rect rx='2' x='"& (300-Width)/2 & "' y='12' width='" & Width & "' height='12'
fill='#3a86ff' stroke='none'/>
<text x='150' y='8' text-anchor='middle' font-family='Segoe UI' font-size='11'
fill='#333333'>
" & FORMAT([M.销售业绩],"#,##0") & "
</text>
</svg>"
RETURN SVG
图像的位置选择位于维度右侧:
现在使用DAX结合SVG/HTML设计图表时,几乎不用考虑样式问题,只需要实现基础的架构,好不好看交给AI改造就行了。把以上代码发给AI改造了一种华丽效果:
更多Power BI SVG、HTML可视化可以访问我的github主页:
https://junminwu.github.io/