# Kombinierte Trends

Das Widget „Combined Trends“ zeigt mehrere kombinierte analoge Trends an.

<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%2F0WQNHEWSJQALp4w5sX4t%2F5322BF6D-D5F2-4A5E-8B8C-21BD485A3FCF.png?alt=media&#x26;token=c69ba217-e9f7-4f65-b767-9538fd8a97dd" alt=""><figcaption></figcaption></figure></div>

## Wann sollte diese Anzeige verwendet werden?

Die Anzeige „Combined Trends“ sollte verwendet werden, wenn Sie die Historie mehrerer Werte über einen bestimmten Zeitraum verfolgen möchten – z. B. die Temperaturhistorie in verschiedenen Räumen.

## Worin besteht der Unterschied zum Widget „Two Analog Trends“?

Im Widget „Combined Trends“ werden die einzelnen Trends überlagert dargestellt. Im Widget „Two Analog Trends“ werden die einzelnen Trends untereinander dargestellt.

<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%2FDLtKNgVa6ugahgTNhl3V%2F2D610EDF-D5B4-49DC-AD5E-B7A8212CBC38.png?alt=media&#x26;token=8deb3beb-9da2-45c8-83b0-46ee1509b27a" alt=""><figcaption><p>Vergleich zwischen „Two Analog Trends“ (oben) und „Combined Trends“ (unten) – Beide Widgets zeigen die Temperaturverläufe für dieselben 3 Assets</p></figcaption></figure></div>

## Übersicht

<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%2FrmnAuqPkGnUMUwVDpAXM%2F0827E63E-393E-4E4B-9452-F11CF8DBD543.png?alt=media&#x26;token=868eb9b0-8fb8-4946-9a07-91ba3faa8484" alt=""><figcaption></figcaption></figure></div>

<table data-full-width="true"><thead><tr><th width="63.533345540364564"></th><th width="258.4000244140625"></th><th></th></tr></thead><tbody><tr><td><strong>[A]</strong></td><td>Titelleiste</td><td>Der Titel des Widgets. Kann während der Widget-Konfiguration unter „Primary Asset“ festgelegt werden.</td></tr><tr><td><strong>[B]</strong></td><td>Symbol</td><td>Symbol des Widgets</td></tr><tr><td><strong>[C]</strong></td><td>Titel des angezeigten Werts</td><td>Kann bei der Erstellung des Widgets angepasst werden</td></tr><tr><td><strong>[D]</strong></td><td>Inhalt</td><td>Die analoge Historie eines Werts</td></tr><tr><td><strong>[E]</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>[F]</strong></td><td>Weitere Optionen</td><td>Siehe -> Navigation über Widgets</td></tr><tr><td><strong>[G]</strong></td><td>Wert</td><td></td></tr></tbody></table>

## Widget konfigurieren

{% @supademo/embed url="<https://app.supademo.com/demo/clnj1y8jg0cv6pess1al32z7l>" demoId="clnj1y8jg0cv6pess1al32z7l" fullWidth="true" %}

1. Stellen Sie sicher, dass Sie sich im Menü „Dashboard“ befinden.
2. Klicken Sie auf „Widget hinzufügen“.
3. Klicken Sie auf „Combined Trends“.
4. Wählen Sie das Primär-Asset aus. Der Name dieses Assets wird in der Titelleiste des Widgets angezeigt.
5. Wählen Sie das Asset aus, für das Sie einen analogen Trend erstellen möchten.
6. Wählen Sie das Attribut aus, für das Sie einen analogen Trend erstellen möchten.
7. Wählen Sie aus, ob der aktuelle Wert oder der aggregierte Wert angezeigt werden soll.
8. Wiederholen Sie die letzten Schritte, um einen analogen Trend für ein anderes Asset zu erstellen. Beide Trends werden dann in diesem Widget überlagert dargestellt.
9. Optional: Wählen Sie aus, wie viel Platz Ihr neues Widget auf dem Dashboard einnehmen soll. Standardmäßig nimmt jedes Widget 1 Spalte ein.
10. Klicken Sie auf „Widget hinzufügen“.

### Skala festlegen

Klicken Sie wiederholt auf **Skalierung festlegen \[E]** um auszuwählen, ob ein Tag, eine Woche oder ein Monat angezeigt werden soll.

<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%2F9qWXPaEAJSsY6KZd7Lw1%2F03AEE0FE-9E78-45F2-B1F4-1A395A9A8DF8.png?alt=media&#x26;token=7818683d-b422-4e54-a161-ba950618b397" alt=""><figcaption></figcaption></figure></div>