这是麦肯锡系列第四篇,前三篇如下
麦肯锡McKinsey Insights APP展示了一种直观的前后对比气泡,如下图所示。
这个图表由两个圆、两个数据标签和一个连接阴影组成。Power BI模拟如下图所示:
图表使用一个度量值嵌套SVG矢量图生成。第一步是构思图表布局。从麦肯锡的示例来看,这两个圆不会相交,且靠下对齐,极端情况下如下图所示。此处假设一个圆的最大半径是25像素,可知我们需要宽度为100像素、高度为50像素的画布空间。
两个圆的大小是相对变化的关系,因此需要判断两个数据哪个是最大值,把最大值的圆半径设置为最大半径(即25个像素),另外一个圆在此基础上相对变化:
最后是怎么画图的问题,圆圈使用SVG的circle标签,数据标签使用text标签,两个圆的连接阴影部分使用多边形polygon,如下注释说明:
把以上度量值放入表格、矩阵或者ImageByCloudScope视觉对象,即可正常显示: