---
title: "Area Charts"
slug: "area-charts"
updated: 2023-04-18T16:10:44Z
published: 2023-04-18T16:10:44Z
canonical: "docs.zpesystems.com/area-charts"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zpesystems.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Area Charts

### Create an Area Chart (Configuration Example)

The area chart is useful for stacking measurements for different but related entities.

**NOTE**Become familiar with the Line Chart procedure before creating an Area Chart.

1. Go to *Dashboard :: Visualize*.
2. On the **Visualize** side-tab, click **Create Visualization**, ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986922170.png)
3. Click the *New Visualization* dialog, click the **Line** icon. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986944915.png)
4. Click the **Area** icon. On the dialog, click **logstash-***.
5. In *metrics* section, click on **Y-Axis** icon. In **Aggregation** drop-down, select **Sum**.
6. On *Buckets* menu, X-Axis, on **Aggregation** pop-up, select **Data Histogram**. In **Interval** drop-down, select **Custom** then enter value (i.e., 30s).
7. Click **Add Filter** and click **Add sub-buckets**.
8. On the *Select buckets type* menu, click **Split Series**. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986971842.png)
9. On **Sub Aggregation** drop-down, select **Filters**. In **Filter 1**, enter value. Click **Add Filter**.
10. In **Filter 2**, enter a search expression for the elements to visualize.
11. (as needed) Click **Add Filter** and repeat.
12. To refresh the graph based on the configuration, click **Refresh**.
13. The resulting visualization would look similar to this: ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986992642.png)
14. On the Toolbar, click **Save**. Enter a name for the visualization and click **Save**.

**NOTE**When using area charts, be careful to not use the same measurement twice.