Skip To Content

Verwenden benutzerdefinierter Symbole

Beim Konfigurieren eines Indikators können Sie ein SVG-Symbol (Scalable Vector Graphics) verwenden, das nicht standardmäßig im Element enthalten ist. Durch diese Funktionalität wird sichergestellt, dass die Dashboards branchenspezifische Anforderungen erfüllen oder mit ihrem Erscheinungsbild dem Corporate Branding der Organisation entsprechen. Das SVG-Format ist ein XML-basiertes Vektor-Bildformat. Symbole können in einem beliebigen Texteditor oder mit Zeichensoftware erstellt werden. Zur Laufzeit werden benutzerdefinierte Symbole auf die Höhe des Inhalts im Feld "Text Mitte" im Indikator skaliert.

Das folgende Beispiel zeigt SVG-Inhalt, der als Reihe von drei gegen den Uhrzeigersinn weisenden Pfeilen dargestellt wird. Damit könnte beispielsweise angegeben werden, dass eine Arbeit noch nicht abgeschlossen ist.

Benutzerdefiniertes Symbol

Sie können diese Funktionalität testen, indem Sie den folgenden SVG-Code auf dem Bildschirm Ein Symbol auswählen in das leere Feld unter Benutzerdefiniert kopieren:

<?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>

Die folgende Abbildung zeigt, wie der Indikator mit dem benutzerdefinierten Symbol aussehen könnte:

Benutzerdefiniertes Symbol mit Füllung

Die folgenden Tipps können beim Erstellen eines eigenen Symbols hilfreich sein:

  • Wenn Sie in Ihrem SVG-Symbol keinen Strich und keine Füllung definieren, können diese Elemente beim Erstellen des Indikators im Dashboard angepasst werden.
  • Wenn Sie keinen Strich in Ihrem Symbol definieren, können Sie einen während der Konfiguration hinzufügen. Er erhält eine Stärke von 1 Pixel.
  • Zeichnungen im SVG-Format können dynamisch und interaktiv sein. Skriptbasierte Animationen werden allerdings nicht unterstützt und werden entfernt.