Einfaches Liniendiagramm-Widget
  • 04 Nov 2023
  • 1 Minute zum Lesen
  • Mitwirkende

Einfaches Liniendiagramm-Widget


Artikel-Zusammenfassung

Optimieren Sie Ihre Anwendungen mit diesem benutzerdefinierten Widget, das es Ihnen ermöglicht, Daten auf einem Zeilendiagramm direkt in Ihrer Anwendung anzuzeigen, ohne dass Sie Analytics verwenden müssen.

Zweck

Der Zweck dieses Widgets ist die schnelle und effiziente Darstellung von Daten in Echtzeit. Diese Funktionalität ist für einfache Demonstrationen und Anzeigen von Daten gedacht, während sie generiert werden, und kann keine Berechnungen oder Analysen der Daten durchführen.

Einrichtung der Tulip-Integration

Benutzerdefinierte Widget-Plugins bieten ein leistungsfähiges Werkzeug, um Ihrer Anwendung benutzerdefinierte Widgets hinzuzufügen. Widgets erlauben es Ihnen, Javascript zu schreiben, um die Funktionalität eines Widgets zu erweitern und anzupassen. Widgets können direkt aus der Tulip-Bibliothek in Ihre Instanz importiert werden - entweder als eigenständige Widgets oder als Teil einer Tulip-App.

Wie es funktioniert

Das Liniendiagramm-Widget nimmt vier Informationen als Requisiten auf: eine Liste von Objekten (series), zwei Textvariablen zur Bezeichnung der X- und Y-Achse des Diagramms (xAxisLabel und yAxisLabel) und eine Farbvariable (linecolor).

Die Eingabe "series" nimmt ein Array-Objekt auf, das aus drei Daten besteht: eine Liste von x-Werten mit einfacher Breite (xAxisNums), eine Liste von y-Werten (yAxisNums) und eine Farbvariable (seriesColor).

LineGraphWidget_1.png

Es können mehrere Linien gezeichnet werden, indem mehrere Objekte übergeben werden, wobei jedes Objekt eine Linie darstellt.

LineGraphWidget_2.png

Sie haben die Möglichkeit, für jede erzeugte Reihe eine andere Farbe zu wählen. Wenn Sie keine Wahl treffen, wählt das Widget automatisch eine von 10 vordefinierten Farben für jede Serie. Alternativ können Sie sich auch für eine globale Farbe entscheiden. Wenn Sie die globale Farbe wählen, werden die für jede Serie gewählten individuellen Farben überschrieben.

Weitere Informationen

Wenn Sie mehr über benutzerdefinierte Widgets erfahren möchten, besuchen Sie bitte die folgende Seite:


War dieser Artikel hilfreich?