WebVisuPlus

Info WebVisu | Info WebVisuPlus | Supported Elements and Features

WebVisuPlus

(german description)

WebVisuPlus ist ein Zusammenschluss aus einer CoDeSys-Visu und der Javascript-Bibliothek "steelseries". Das Prinzip ist recht einfach - in CoDeSys werden leere Elemente wie z.B. ein Kreis oder ein Rechteck erstellt - bei der Anzeige im Webbrowser aber werden diese leeren Elemente durch Instrumente ersetzt. Was die WebVisu darin anzeigen soll schreibt man in die "ToolTip"-Eigenschaft der Elemente.
Bei Anzeige mit CoDeSys bleiben die Elemente (leider) das, was sie sind - leere Kreise und Rechtecke. Zeigt man sie aber mit der WebVisuPlus an werden in diese leeren Elemente die Instrumente eingezeichnet, welche man sich bunt zusammenkonfigurieren kann.
Einzig die Größe der gezeichneten Elemente überträgt sich später auf die Instrumente - der Rest steht quasi alles in der ToolTip-Eigenschaft.

ToolTip und WebVisuPlusConfig.html

Da die Eigenschaft ToolTip wohl die am wenigsten genutzte Eigenschaft eines Elementes ist wurde diese für den Transport der Konfigurationsdaten verwendet.

Was in den ToolTip eingetragen werden muss ist etwas kompliziert und muss auch in Groß- und Kleinschreibung genau passen; deshalb gibt es die Datei "WebVisuPlusConfig.html". Ruft man diese in seinem Browser auf kann man einige der unzähligen Einstellungen direkt eingeben und das Ergebnis anschauen.

Gefällt das Ergebnis kann man den dort angezeigten Code in seiner Visu einem Element als ToolTip geben und schon wird es von WebVisuPlus entsprechend behandelt.

Verknüpfung mit Werten der PLC

Den im Instrument anzuzeigenden Wert trägt man wie sonst in CoDeSys auch in der Eigenschaft "Variablen"->"Textausgabe" ein. Der Wert wird dann zur Laufzeit dem Instrument ständig mitgeteilt.