快捷搜索:  汽车  科技

powerbi矩阵图:Power BI Desktop中SVG图标集的引用实践

powerbi矩阵图:Power BI Desktop中SVG图标集的引用实践我们做一列可以直接显示的utf8的图标列:同样可以做绿色、黄色的图标列DAX中更接近我们excel中SUBSTITUTE:red = SUBSTITUTE(svg[svg] "width=""8"" height=""8""" "width=""80"" height=""80"" fill=""#FD625E""")这是大小与颜色的改变。

把二进制解码成Base64:

powerbi矩阵图:Power BI Desktop中SVG图标集的引用实践(1)

DAX中的准备工作:

把上面的图标集加载到Power BI 中,这个时候还不能直接引用SVG图标,因为我们还需要做一个编码声明,才能视图中显示出图标。

UTF8编码:"data:image/svg xml;utf8 "

另外我们要改变图标的大小与颜色,这两个工作可以在Power Query中做,也可以在DAX中做,都可以,就是简单的文本替换与拼接:

DAX中更接近我们excel中SUBSTITUTE:

powerbi矩阵图:Power BI Desktop中SVG图标集的引用实践(2)

red = SUBSTITUTE(svg[svg] "width=""8"" height=""8""" "width=""80"" height=""80"" fill=""#FD625E""")

这是大小与颜色的改变。

同样可以做绿色、黄色的图标列

我们做一列可以直接显示的utf8的图标列:

powerbi矩阵图:Power BI Desktop中SVG图标集的引用实践(3)

这样也看不全啊,是能显示出图标,不完整或者太小不清晰,我们要做一个可视化查询:

Power BI可视化查询SVG图标

我们用三个视觉对象来查询SVG图标

Chiclet Slicer可以做一个SVG图标的矩阵列表:

powerbi矩阵图:Power BI Desktop中SVG图标集的引用实践(4)

Image Grid制作一个图标云:

powerbi矩阵图:Power BI Desktop中SVG图标集的引用实践(5)

猜您喜欢: