FineBI与Power BI表格迷你图细节区别

FineBI和Power BI在制作SVG迷你图上逻辑相同，实操细节上有所差异，本文说明一二。以进度条迷你图为例，首先看Power BI，新建SVG度量值：

SVG.进度条 = 
"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='30'>
    <path id='wujunmin' d='M0 15L200 15' stroke='DeepSkyBlue' stroke-opacity='0.4' stroke-width='10' stroke-dasharray='2'/>
    <path d='M0 15L" & 200 * [M.业绩达成率] & " 15' stroke='DeepSkyBlue' stroke-width='10'/><!--公众号：wujunmin-->
</svg>"

标记为图像URL：

放入表格，得到：

接着看FineBI，新建计算字段，粘贴相同的代码，看到红圈处报错：

略微修改后，看到提示公式合法：

修改了哪里呢？

第一、FineBI目前不支持SVG换行，因此，需要把Power BI代码中的换行全部取消；

第二、FineBI的文本连接符是+号，而不是&号。

把SVG字段拖入组件表格，显示为图片：

此处为FineBI明细表测试，其他表格类型也支持SVG。以下是更多样式：

图片

和Power BI相比，FineBI支持SVG的视觉对象（图表类型）相对局限，但是是不错的开始。在有限的条件下，用户已经可以自定义多种类型的迷你图。

期待FineBI后期加大对SVG的支持力度。如果要排个优先级，我认为首先是表格属性中的形状支持fx自定义，目前只有少数内置形状。

形状可以fx嵌套SVG代码，表格可视化将会达到全新的台阶。Power BI表格可以实现的排名图标，FineBI也就可以添加：

图片

Power BI 表格可以实现的帕累托ABC分级，FineBI也就可以实现：

图片

Power BI Desktop下载地址：

https://www.microsoft.com/zh-cn/download/details.aspx?id=58494

FineBI在线体验地址：

https://help.fanruan.com/finebi/doc-view-2486.html

一键将SVG代码转换为FineBI格式工具：

https://junminwu.github.io/FineBI_SVG_Formatter