
Power BI条形图和气泡图组合通常用来展示绝对值和变化率,以下是表格视觉对象使用SVG矢量图绘制的效果:

我提供了现成的工具,不了解SVG代码也可以快速生成。

今天讲解一个进阶的用法,气泡上下行穿透:

假设SVG画布的行高是30像素,圆圈的最大半径20像素(即直径超过画布空间),此时表格显示如下,可以看到画布限制了圆圈的显示,圆圈半径超出15像素的部分显示不出来。

那么如何使得圆圈穿透画布限制呢?同样的SVG语法使用HTML Content视觉对象展示,可以看到圆圈同样被限制:

此时,只需要在HTML Content 图表格式的Stylesheet输入以下语句:

得到:

如需表格下划线,再添加一句:
.htmlViewerEntry {
border-bottom: 2px solid #eee;
}完工。
