# Donut

With the donut chart, you get an overview of the percentage shares of a whole.

<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>The donut chart</p></figcaption></figure></div>

## When should this widget be used?

If you want to see at a glance what percentage of total consumption is used by individual devices.

## Configure widget

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

### Change the order of the displayed assets

You can adjust the order in which the assets are displayed in the donut chart.

When creating assets: Drag with **\[A]** the individual with assets into the desired order using drag and drop.&#x20;

You can also make these settings later by using the option [-> Edit widget](https://docs.buildings.ability.abb/collection/english-v14/documentation/using-widgets#widget-optionen) use.

<figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/UW3lhx2Znu4JaheeqVHd/9FC1AC59-F5E1-4739-9ABA-E13132FB72DA.png" alt=""><figcaption><p>The order of the displayed assets can be changed.</p></figcaption></figure>