一些财经网站有个股价格变化分布图,下图展示了52周的最高价、最低价以及当前价格(蓝色标识)。
这个图表思路可以应用在零售业,比如已知一款运动鞋的价格,这款鞋在该系列是什么价格定位,低价引流款还是高端款?同样是369元的价格,在篮球系列属于低端款,在训练系列属于高端款。三角形的箭头清晰指示了当前款式的价位位置。
在Power BI使用SVG实现该功能。新建度量值:
SVG.价位带 =
VAR _Cat = SELECTEDVALUE ( '表'[系列] )
VAR MaxValue = MAXX ( FILTER ( ALL ( '表' ), '表'[系列] = _Cat ), [零售价] )
VAR MinValue = MINX ( FILTER ( ALL ( '表' ), '表'[系列] = _Cat ), [零售价] )
VAR Pct = ROUND ( DIVIDE ( MAX ( '表'[零售价] ) - MinValue, MaxValue - MinValue ), 2 )
RETURN
"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='wujunmin' width='200' height='30'>
<path d='M0 12L200 12' stroke='grey' stroke-width='1' fill='none'/>
<g transform='translate(" & 200 * Pct & " 0)'><text x='0' y='10' font-size='22' text-anchor='middle' fill='red'>▼</text></g>
<text x='1' y='28' font-size='15' fill='grey'>" & MinValue & "</text>
<text x='199' y='28' font-size='15' text-anchor='end' fill='grey'>" & MaxValue & "</text>
</svg>"
将度量值标记为图像URL并放入表格:
图像格式中的大小值和度量值的width, height保持一致:
思路可以继续打开,凡是比较大小的指标都可以这样展示单个维度在整体中的位置。下图是虚拟的连锁零售门店,纵向列示了一个门店7个指标,最后一列灰色数字为所有门店的最低值和最高值,三角箭头为当前门店的位置。
因表格可以横向扩展,当前门店的累计值、近期的趋势变化(折线图),指标在所有门店的位置,指标排名在所有门店的位置可以同时展示。下图表格中的每一列都应用了SVG图表。