# Donut

Mit dem Donut-Diagramm verschaffen Sie sich einen Überblick über die prozentualen Anteile eines Ganzen.

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/SCUFY9YsBMeNhh4eqJmD/765B55AD-7F61-438E-9470-8DD09AD659DD.png" alt=""><figcaption><p>Das Donut-Diagramm</p></figcaption></figure></div>

## Wann sollte dieses Widget verwendet werden?

Wenn Sie auf einen Blick sehen wollen, wie viel Prozent eines Gesamtverbrauchs von einzelnen Geräten in Anspruch genommen wird.

## Widget konfigurieren

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

### Reihenfolge der dargestellten Assets verändern

Sie können anpassen, in welcher Reihenfolge die Assets im Donut-Diagramm angezeigt werden.

Bei der Erstellung von Assets: Ziehen Sie mit **\[A]** die einzelnen mit Assets per Drag and Drop in die gewünschte Reihenfolge.&#x20;

Sie können diese Einstellungen auch nachträglich vornehmen, indem Sie die Option [-> Widget bearbeiten](https://docs.buildings.ability.abb/collection/german-14.2-freezed/dokumentation/widgets-bedienen#widget-optionen) nutzen.

<figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/UW3lhx2Znu4JaheeqVHd/9FC1AC59-F5E1-4739-9ABA-E13132FB72DA.png" alt=""><figcaption><p>Die Reihenfolge der dargestellten Assets kann verändert werden.</p></figcaption></figure>