---
title: "Kolver Simple Line Graph Widget"
slug: "kolver-simple-line-graph-widget"
updated: 2023-11-04T14:43:08Z
published: 2023-11-04T14:43:08Z
canonical: "support.tulip.co/kolver-simple-line-graph-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.tulip.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Einfaches Liniendiagramm-Widget



*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](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/LineGraphWidget_1.png)

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

![LineGraphWidget_2.png](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/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:

- [*Übersicht über benutzerdefinierte Widgets*](https://support.tulip.co/docs/custom-widgets-overview)