> For the complete documentation index, see [llms.txt](https://docs.buildings.ability.abb/collection/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.buildings.ability.abb/collection/german/plattform/live-cockpit/widgets/predefined-widgets/area-chart.md).

# Flächendiagramm

Das Widget „Flächendiagramm“ zeigt den Bereich an, in dem sich die Werte eines oder mehrerer Assets in den letzten 24 Stunden befanden.

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FpTAVcwIVFyH4BNnE2aLz%2F629C410D-4939-44FE-98BB-C345D8A9D832.png?alt=media&#x26;token=c7741d5a-13d1-44a7-8b41-c809777ab6b0" alt=""><figcaption><p>Das Widget „Temperaturbereiche“ mit 4 verbundenen Assets</p></figcaption></figure></div>

## Was ist der Unterschied zum Widget „Temperaturbereiche“?

Das Widget „Temperaturbereiche“ eignet sich aufgrund seines Farbschemas besonders zur Darstellung von Temperaturen. Das Widget „Flächendiagramm“ sollte für alle anderen Anwendungen verwendet werden.

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FhCi1hGImxSAb3S5tbogj%2F374B845E-32D5-425A-8239-99D35DEA20E6.png?alt=media&#x26;token=ad4091ee-e513-494f-a36f-f63854feff7f" alt=""><figcaption></figcaption></figure></div>

<table data-full-width="true"><thead><tr><th width="67.13335164388019"></th><th width="148.800048828125"></th><th></th></tr></thead><tbody><tr><td><strong>[A]</strong></td><td>Widget-Titel</td><td>Titel des Widgets. Wird durch die Auswahl des „Primären Assets“ beeinflusst <strong>[I]</strong></td></tr><tr><td><strong>[B]</strong></td><td>Symbol</td><td>Symbol des Assets</td></tr><tr><td><strong>[C]</strong></td><td>Asset-Titel</td><td>Titel eines verbundenen Assets. Kann angepasst werden über <strong>[K]</strong></td></tr><tr><td><strong>[D]</strong></td><td>Skala festlegen</td><td>Klicken Sie, um auszuwählen, ob ein Tag, eine Woche oder ein Monat angezeigt werden soll.</td></tr><tr><td><strong>[E]</strong></td><td>Weitere Optionen</td><td>Siehe -> Navigation über Widgets</td></tr></tbody></table>

## Konfiguration

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FJpw28gGczeXq4gyQ9t7G%2FB2D86B71-8BE6-4893-BCB5-5201ED6F681E.png?alt=media&#x26;token=78b213b0-109d-497f-8313-30bbb897107e" alt=""><figcaption></figcaption></figure></div>

<table data-full-width="true"><thead><tr><th width="79.13332112630206"></th><th width="203"></th><th></th></tr></thead><tbody><tr><td><strong>[I]</strong></td><td>Primär-Asset auswählen</td><td>Beeinflusst den Titel des Widgets</td></tr><tr><td><strong>[J]</strong></td><td>Minimum</td><td>Der Mindestwert, der im Widget angezeigt wird <strong>[D]</strong></td></tr><tr><td><strong>[K]</strong></td><td>Attribut auswählen</td><td>Ein Attribut auswählen.</td></tr><tr><td><strong>[L]</strong></td><td>Asset-Titel</td><td>Der Titel des Assets kann hier individuell angepasst werden. Das Asset erscheint unter diesem Titel im Widget <strong>[C]</strong></td></tr><tr><td><strong>[M]</strong></td><td>Weiteres Asset hinzufügen</td><td>Hier klicken, um ein weiteres Asset hinzuzufügen</td></tr><tr><td><strong>[N]</strong></td><td>Widget hinzufügen</td><td>Einstellungen übernehmen und Widget zum Dashboard hinzufügen</td></tr><tr><td><strong>[O]</strong></td><td>Breite</td><td>Wählen Sie, wie viel Platz das Widget auf dem Dashboard einnehmen soll.</td></tr><tr><td><strong>[P]</strong></td><td>Maximum</td><td>Der Höchstwert, der im Widget angezeigt wird <strong>[F]</strong></td></tr></tbody></table>


---

# 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.buildings.ability.abb/collection/german/plattform/live-cockpit/widgets/predefined-widgets/area-chart.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.