Skip To Content

使用自定义图标

配置指示符时,您可以选择使用可伸缩矢量图形 (SVG) 图标,默认情况下元素中不包含该图标。此功能可以确保仪表盘与行业特定要求或者组织的企业品牌的外观相匹配。SVG 格式是一种基于 XML 的矢量图像格式。可以在任何文本编辑器中或者使用绘图软件创建图标。在运行时,自定义图标将缩放至与指示符中的“中间文本”内容相同的高度。

以下示例显示了 SVG 内容,该内容显示为逆时针系列的三个箭头。这可用于指示工作正在进行中。

自定义图标

您可以尝试此功能,方法为:将以下 SVG 代码复制粘贴到选择图标屏幕中自定义下的空白框中:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" id="icons"> 
    <path d="M13.91 9a6.003 6.003 0 0 1-5.658 4.987l-.347-1.992c.032.001.063.005.095.005a3.996 3.996 0 0 0 3.858-3h-1.749l2.75-3.912L15.61 9zm-8.668 1.877l-.002.002a3.945 3.945 0 0 1-.688-4.884l-1.809-.848a5.923 5.923 0 0 0 1.08 7.148L2.59 13.529l4.71.822-.82-4.711zm1.425-6.576l-.011-.067a3.97 3.97 0 0 1 4.575 1.43l1.194-1.697a5.941 5.941 0 0 0-6.119-1.718L6.018.607 2.64 3.994l4.33 2.03z" />
</svg>

下图显示了如何通过自定义图标来显示指示符:

带填充的自定义图标
下图显示自定义图标指示符的显示效果:

当您创建自己的图标时,以下提示可能会有所帮助:

  • 如果在 SVG 图标中未定义笔划或填充,则可以在仪表盘中创作指示符时对这些项目进行调整。
  • 如果在图标中未定义笔划,则可以在配置时添加一个笔划。其将为 1 个像素。
  • SVG 格式的绘图可以为动态交互式绘图;但是,不支持基于脚本的动画并且将去掉该功能。