# Area Chart

The "Area Chart" widget shows the range in which values of one or more assets were located within the last 24 hours.

<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>The "Temperature Ranges" widget with 4 connected assets</p></figcaption></figure></div>

## What is the difference from the "Temperature Ranges" widget?

The "Temperature Ranges" widget is particularly suitable for displaying temperatures due to its color scheme. The "Area Chart" widget should be used for all other applications.

<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 Title</td><td>Title of the widget. Is influenced by the selection of the "Primary Asset" <strong>[I]</strong></td></tr><tr><td><strong>[B]</strong></td><td>Icon</td><td>Icon of the asset</td></tr><tr><td><strong>[C]</strong></td><td>Asset Title</td><td>Title of a connected asset. Can be adjusted via <strong>[K]</strong></td></tr><tr><td><strong>[D]</strong></td><td>Set scale</td><td>Click to choose whether a day, a week, or a month should be displayed.</td></tr><tr><td><strong>[E]</strong></td><td>More options</td><td>See -> Navigate via widgets</td></tr></tbody></table>

## Configuration

<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>Select Primary Asset</td><td>Influences the title of the widget</td></tr><tr><td><strong>[J]</strong></td><td>Minimum</td><td>The minimum value that is displayed in the widget <strong>[D]</strong></td></tr><tr><td><strong>[K]</strong></td><td>Select Attribute</td><td>Select an attribute.</td></tr><tr><td><strong>[L]</strong></td><td>Asset Title</td><td>The title of the asset can be individually adjusted here. The asset appears under this title in the widget <strong>[C]</strong></td></tr><tr><td><strong>[M]</strong></td><td>Add another asset</td><td>Click here to add another asset</td></tr><tr><td><strong>[N]</strong></td><td>Add Widget</td><td>Apply settings and add widget to the dashboard</td></tr><tr><td><strong>[O]</strong></td><td>Width</td><td>Choose how much space the widget should occupy on the dashboard.</td></tr><tr><td><strong>[P]</strong></td><td>Maximum</td><td>The maximum value that is displayed in the widget <strong>[F]</strong></td></tr></tbody></table>