Power BI 模拟网易居中条形图
2023-02-18 16:27:06 时间
在网易数读看到一个条形图,如下图右侧所示,特点有:类别标签居中,条形居中,带有背景阴影,条形和阴影均为圆角。
在Power BI可以模拟类似效果:
该图表的度量值如下图所示,原理是DAX和SVG矢量图结合。将度量值放入HTML Content进行显示,度量值中的维度、指标替换成你的模型即可复用。
模拟条形 =
VAR MaxValue =
MAXX ( ALLSELECTED( '店铺资料'[店铺名称] ), [M.销售业绩])
VAR Width= 100*[M.销售业绩]/ MaxValue
VAR SVG =
"<svg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 130 8' >
<rect rx='3' x='30' y='0' width='100' height='6' fill='DarkCyan' fill-opacity='0.2'/>
<rect rx='3' x='"& (100-Width)/2 + 30 & "' y='0' width='" & Width & "' height='6' fill='Darkcyan'/>
<text x='15' y='4' text-anchor='middle' font-size='3'>" & SELECTEDVALUE('店铺资料'[店铺名称]) & "</text>
<text x='80' y='4' text-anchor='middle' font-size='3'>" & FORMAT([M.销售业绩],"#,#") & "</text>
</svg>"
RETURN
SVG
上图的数据标签显示在条形上,如果像网易那样放在下方也是可以的,把度量值中条形的高度设置小一点,text的y向下移动一些即可。
相关文章
- 《痞子衡嵌入式半月刊》 第 69 期
- 痞子衡嵌入式:对比恩智浦全系列MCU(包含Kinetis/LPC/i.MXRT/MCX)的GPIO电平中断设计差异
- 痞子衡嵌入式:我被邀请做科锐国际旗下数科同道主办的技术沙龙嘉宾
- 痞子衡嵌入式:低功耗&高性能边缘人工智能应用的新答案 - MCXN947
- 《痞子衡嵌入式半月刊》 第 68 期
- 痞子衡嵌入式:我为2021 TencentOS Tiny AIoT应用创新大赛做了场直播培训
- 痞子衡嵌入式:我被邀请做贸泽电子&与非网联合推出的《对话工程师》节目嘉宾
- 痞子衡嵌入式:存储器大厂Micron的NOR Flash芯片特殊丝印设计(FBGA代码)
- 痞子衡嵌入式:国内外串行NOR Flash厂商官网Cross Reference功能使用体验
- 痞子衡嵌入式:MCUXpresso IDE下高度灵活的FreeMarker链接文件模板机制
- 《痞子衡嵌入式半月刊》 第 67 期
- 《痞子衡嵌入式半月刊》 第 66 期
- 《痞子衡嵌入式半月刊》 第 65 期
- 痞子衡嵌入式:i.MXRT中FlexSPI外设不常用的读选通采样时钟源 - loopbackFromSckPad
- 痞子衡嵌入式:RT-MFB - 一种灵活的i.MXRT下多串行NOR Flash型号选择的量产方案
- 《痞子衡嵌入式半月刊》 第 64 期
- 痞子衡嵌入式:浅谈i.MXRT10xx系列MCU外接24MHz晶振的作用
- 痞子衡嵌入式:一个关于Segger J-Flash在Micron Flash固定区域下载校验失败的故事(SR寄存器BP[x:0]位)
- 痞子衡嵌入式:MCUXpresso IDE下生成镜像文件的方法及其与IAR,MDK差异
- 《痞子衡嵌入式半月刊》 第 63 期