PowerBI 视觉对象添加图标的最佳方式

PowerBI战友联盟 · 公众号 · · 2025-01-16 18:26

正文

欢迎关注 【BI佐罗数据分析】 ，今日精华包括：视频案例，技巧干货。

↓ 预约直播，更多干货，不要错过 ↓

在数据可视化的设计中，图标的应用能够让报告更直观、更具吸引力。Power BI 的灵活性让我们可以将图片直接嵌入卡片视觉对象、矩阵、表或其他视觉对象中。

图片有不同的类型，常见的为 png、jpg 、SVG 等，png 和 jpg 图像必须以外部文件形式上传，或通过 URL 引用，而且图像是静态的，无法根据数据动态变化。而 SVG 图像在 Power BI 中具有以下优势：体积小、不会失真，可以通过 URL 直接引用，并且可以动态调整。

SVG 是 Scalable Vector Graphics 的缩写，即 可缩放矢量图形 。它是一种基于 XML 的矢量图形格式，用于描述二维图形。

1. 矢量图形 ：SVG 图形由数学公式定义（如线条、曲线、形状），而非像素。因此，无论缩放到多大或缩小到多小，SVG 图像都不会失真。
2. 基于 XML ：SVG 文件的核心是 XML 文本，结构化且可读，易于编辑和调试。SVG 文件可以直接在文本编辑器中查看和修改。
3. 交互性和动态性 ：SVG 支持 CSS 和 JavaScript，可添加交互效果和动态动画。例如，您可以使用 CSS 更改颜色，或者使用 JavaScript 制作图形动画。
4. 轻量级 ：与传统的 PNG 和 JPG 图像相比，SVG 文件的体积通常更小。适合用于网页或数据可视化场景，提高加载速度和性能。

今天，我们将学习如何结合阿里巴巴矢量图标库（Iconfont），快速获取 SVG 图标并将其转换为 Power BI 中可用的代码。

阿里巴巴矢量图标库（Iconfont）是一个免费、强大的图标平台，拥有海量矢量图标资源，支持 SVG 格式的直接下载或代码复制。网址： https://www.iconfont.cn/

点击图标库，就可以搜索想要的图标了。

例如，我们想要一个给表添加一个销售额增长还是下降的图标，可以搜索增长。找到合适的图标之后，点击下载，可以选择下载的颜色。

点击 SVG 下载，将图标下载为 SVG 文件。

SVG 文件并不能直接在视觉对象中引用，我们需要将它转换为图像 URL。这里给大家推荐一个网站，它可以将 SVG 文件转换为度量值，网址： https://carlosbergamo.github.io/SVG-TO-PBI/

选择 SVG 文件之后，点击 Convertir，之后 SVG 图像样式和度量值都会显示出来。

点击 Copiar 复制一下图像 URL，转到 Power BI 中，新建一个度量值，粘贴图像内容。

将度量值的数据类别设置为图像 URL。

再按照相同的办法添加一个下降图标。

新建一个度量值，如果销售额增长率大于等于 0 ，返回增长图标，否则返回下降图标。

增长下降图标 = 
IF( [Sales Growth%] >= 0 , [增长图标] , [下降图标] )

数据类别设置为图像 URL。