# Donut

Das Donut-Diagramm gibt Ihnen einen Überblick über die prozentualen Anteile eines Ganzen.

<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%2FeAAP7rDRk2JqskJtK07Y%2F765B55AD-7F61-438E-9470-8DD09AD659DD.png?alt=media&#x26;token=bb722058-f08e-4dc4-9253-72e11cf5bb39" alt=""><figcaption><p>Das Donut-Diagramm</p></figcaption></figure></div>

## Wann sollte dieses Widget verwendet werden?

Wenn Sie auf einen Blick sehen möchten, welcher Prozentsatz eines Gesamtverbrauchs von einzelnen Geräten genutzt wird.

## Widget konfigurieren

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

### Ändern Sie die Reihenfolge der angezeigten Assets

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

Beim Erstellen von Assets: Verwenden Sie **\[A]** , um die einzelnen Assets per Drag-and-Drop in die gewünschte Reihenfolge zu bringen.

Sie können diese Einstellungen auch nachträglich vornehmen, indem Sie [-> Widget-Option bearbeiten](https://docs.buildings.ability.abb/collection/german/plattform/live-cockpit/widgets/operating-widgets).

<figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FJQCCdlkPBTLRuSJUGVF5%2F9FC1AC59-F5E1-4739-9ABA-E13132FB72DA.png?alt=media&#x26;token=c3e32562-762d-4e6d-afe4-654f4f25d218" alt=""><figcaption><p>Die Reihenfolge der angezeigten Assets kann geändert werden.</p></figcaption></figure>