Pages

Steuerung: Benutzerdefinierte Ausgabe（Custom Output）

Das Steuerelement Custom Output bietet maximale Flexibilität für die Visualisierung von Systeminformationen und Zuständen, indem Benutzer eigene SVG-Grafiken hochladen und verwenden können.
Es ist ideal für Szenarien, in denen Standardvisualisierungen nicht ausreichen und eine maßgeschneiderte Darstellung erforderlich ist. Durch die Verbindung mit einer Variablen kann die SVG-Grafik den aktuellen Zustand des Systems in Echtzeit widerspiegeln.

Hauptfunktionen：

  • Individuelle SVG-Integration：
    Benutzer können eigene SVG-Dateien hochladen und vollständig benutzerdefinierte Visualisierungen erstellen – z. B. animierte Komponenten, komplexe Icons oder Statusanzeigen, die genau zur Anwendung passen.

  • Dynamische Statusanzeige：
    Die Anzeige kann an eine Variable aus einer SPS oder dem Laufzeitsystem gebunden werden.
    Je nach Wert können verschiedene Zustände oder Elemente in der SVG ein- oder ausgeblendet werden – für visuelles Feedback in Echtzeit.

  • Erweiterte Visualisierung：
    Besonders geeignet für anspruchsvolle Szenarien, in denen klassische Steuerelemente wie Anzeigen oder Texte nicht ausreichen – z. B. Maschinenpläne, Prozessabläufe oder mehrstufige Symbole.

  • Konsistente Gestaltung：
    Da das SVG vom Benutzer bereitgestellt wird, kann das Erscheinungsbild perfekt an das restliche Design angepasst werden – für ein professionelles, einheitliches Interface.

Anwendungsfälle：

  • Statusanzeigen：
    Unterschiedliche Maschinenzustände wie „In Betrieb“, „Gestoppt“ oder „Fehler“ mit individuellen Icons oder Illustrationen anzeigen – je nach Live-Daten.

  • Prozessvisualisierung：
    Maschinen- oder Prozessdiagramme einbetten, in denen sich Komponenten oder Flussrichtungen basierend auf Echtzeitdaten dynamisch ändern.

  • Spezialindikatoren：
    Eigene Anzeigeelemente für spezifische Systeme oder branchenspezifische Anforderungen – dort, wo Standardelemente nicht ausreichen.

[img_1]

SVG-ID-Referenztabelle：

# Element SVG ID
1 Aktueller Wert [code_block_0]
2 Einheit [code_block_1]
3 Root-Klasse des Elements [code_block_2]

Daten-Schnittstelle (JSON)

[code_block_3]