> For the complete documentation index, see [llms.txt](https://docs.ninox.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ninox.com/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/gantt-component.md).

# Gantt-Komponente

Plane und verfolge terminierte Arbeit auf einer Zeitachse.

Nutze eine **Gantt**-Komponente auf einer Seite, um terminierte Datensätze auf einer Zeitachse anzuzeigen. Sie eignet sich für Projekte, Aufgaben, Produktionspläne und andere Arbeit mit Start- und Enddaten.

Klicke auf ein Element im Gantt, um den zugehörigen Datensatz in der Formularansicht zu öffnen.\
Nutzer können auf **Heute** klicken, um zum aktuellen Datum zurückzukehren.

Bevor du eine **Gantt**-Komponente hinzufügst, erstelle eine Quelltabelle mit:

* einem Feld für das Startdatum und Enddatum jedes Datensatzes
* einem Feld zur Identifikation jedes Balkens
* optionalen Feldern für Farbe, Fortschritt, Meilensteine, Basisplan und Abhängigkeiten

## Gantt-Komponente zu einer Seite hinzufügen

{% stepper %}
{% step %}
**Tab Hinzufügen öffnen**

Öffne im **Einstellungsbereich** den Tab **Hinzufügen**.
{% endstep %}

{% step %}
**Gantt hinzufügen**

Ziehe **Gantt** unter **Ansichten** an die gewünschte Stelle auf der Seite.
{% endstep %}

{% step %}
**Komponente benennen**

Ninox erstellt **Bezeichnung** und **Interner Name** automatisch. Aktualisiere beide Werte bei Bedarf.
{% endstep %}

{% step %}
**Quelldaten auswählen**

Wähle unter **Verhalten** die Quell-**Tabelle**. Wähle die Felder für **Startdatum** und **Enddatum**.
{% endstep %}

{% step %}
**Balken konfigurieren**

Wähle ein Feld für die **Balkenbeschriftung**. Wähle bei Bedarf Felder für **Farbe**, **Fortschritt** und **Meilenstein**.
{% endstep %}

{% step %}
**Zeitachse prüfen**

Prüfe, ob jeder Balken die erwarteten Daten und Bezeichnungen verwendet. Ziehe die Komponente oder nutze die Anfasser, um das Seitenlayout anzupassen.
{% endstep %}
{% endstepper %}

## Einstellungen der Gantt-Komponente

Lege in **Einstellungen** die grundlegenden Details der Komponente fest:

* **Bezeichnung** legt den Titel der Komponente fest.
* **Interner Name** wird automatisch erstellt. Nutze diesen Namen, wenn du die Komponente in Logik referenzierst.

Konfiguriere unter **Verhalten** die Zeitachse und Balken:

* Wähle unter **Tabelle** die Quelltabelle aus.
* Wähle unter **Startdatum** und **Enddatum** die Felder aus, die den Zeitraum jedes Balkens bestimmen.\
  Wenn du nur eine Option konfigurierst, zeigt Ninox jeden Datensatz als Meilenstein an.\
  Wenn du beide Optionen konfigurierst, erscheinen Datensätze ohne eines der gewählten Daten ebenfalls als Meilensteine. Alle anderen Datensätze erscheinen als Balken mit einem Zeitraum.
* Wähle unter **Balkenbeschriftung** das Feld aus, dessen Text auf dem Balken erscheint.
* Wähle unter **Farbe** ein Feld vom Typ **Einfachauswahl** oder **Farbe**, um jeden Balken einzufärben.
* Wähle unter **Fortschritt** ein Feld aus, das einen Wert von `0` bis `100` enthält. Ninox zeigt den Wert als Fortschritt des Balkens in Prozent an.
* Wähle unter **Meilenstein** ein Feld vom Typ **Ja/Nein**, das einen Datensatz als Meilenstein markiert.\
  Wenn **Startdatum** und **Enddatum** konfiguriert sind und der Datensatz über das Feld **Ja/Nein** als Meilenstein markiert ist, zeigt Ninox den Meilenstein am **Enddatum** an.
* Wähle unter **Abhängigkeit** ein Verknüpfungsfeld zwischen Datensätzen in der Tabelle der Gantt-Komponente aus. Füge in dieser Tabelle ein Verknüpfungsfeld hinzu, das auf dieselbe Tabelle verweist, falls keine Auswahl verfügbar ist.\
  Nutze es, wenn Gantt-Elemente voneinander abhängen. Ninox zeichnet Abhängigkeitslinien zwischen verknüpften Datensätzen.

  Nachdem du das Verknüpfungsfeld ausgewählt hast, wird die Einstellung **Verknüpfter Datensatz ist** angezeigt.

  * Wähle **Ein Vorgänger, der zuerst endet**, wenn der verknüpfte Datensatz vor dem aktuellen Datensatz enden muss.
  * Wähle **Ein Nachfolger, der danach beginnt**, wenn der verknüpfte Datensatz nach dem aktuellen Datensatz beginnt.
* Wähle unter **Basisplan-Start** und **Basisplan-Ende** Felder aus, die geplante Daten neben dem aktuellen Zeitplan anzeigen. Nutze eigene Datumsfelder für den Basis-Zeitplan, wenn du den aktuellen Zeitplan mit dem ursprünglichen Plan vergleichen möchtest.
* Wähle unter **Standard-Zeitskala** die Zeitskala aus, die beim Öffnen der Seite angezeigt wird.\
  Nutze bei Bedarf folgende Schalter:
  * **Titelspalte ausblenden**, um die linke Spalte mit den Balkenbezeichnungen auszublenden.
  * **Kritischen Pfad hervorheben**, um Aufgaben hervorzuheben, die das Enddatum des Zeitplans bestimmen.
  * **Ziehen von Balken deaktivieren**, damit Nutzer Daten nicht durch Ziehen von Balken ändern können.
  * **Wochenenden in der Tagesansicht ausblenden**, um Wochenenden aus dem Tagesmaßstab zu entfernen.
  * **Wochenenden hervorheben**, um Wochenenden mit einem schattierten Hintergrund anzuzeigen.
* Wähle unter **Gruppieren** ein Feld aus, um Datensätze in Bereichen auf der Zeitachse zu gruppieren.
* Nutze **Filter**, um die angezeigten Datensätze mit einer oder mehreren Bedingungen einzuschränken.
* Aktiviere **Zeitraster-Auswahl anzeigen**, damit Nutzer zwischen **Quartal**, **Monat**, **Woche** und **Tag** wechseln können.
* Aktiviere **Suchfeld anzeigen**, damit Nutzer in Datensätzen suchen können.

Wähle unter **Sichtbarkeit** aus, wie die Komponente auf der Seite angezeigt wird:

* **Sichtbar** zeigt die Komponente an.
* **Versteckt** blendet die Komponente aus.
* **Bedingt** zeigt die Komponente an, wenn die **Sichtbarkeitsbedingung** erfüllt ist.

{% hint style="info" %}
Eine **Sichtbarkeitsbedingung** ändert nur, was Nutzer sehen. Datensätze und Berechtigungen bleiben unverändert.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.ninox.com/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/gantt-component.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.