---
title: "Line Charts"
slug: "line-charts"
updated: 2023-04-18T13:19:52Z
published: 2023-04-18T13:19:52Z
canonical: "docs.zpesystems.com/line-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.

# Line Charts

Line Charts allow the visualization of data points along the line graph.

### Create a Single or Multi-Line Chart (Configuration Example)

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-1678986411083.png)
3. Click the *New Visualization* dialog, click the **Line** icon. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986435187.png)
4. On the dialog, click **logstash-***. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986452192.png)
5. In the *From a New Search, Select Index* menu, click **logstash-*** (displays editor dialog). ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986472345.png)
6. In the *Metrics* section, expand the **Y-Axis** arrow. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986491223.png)
7. On the **Aggregation** drop-down, under *Metric Aggregations* section, select **Average** . In **Field** drop-down, select **value**. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986511140.png)
8. In *buckets* section, click **Add**, and click **X-Axis**. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986529495.png)
9. On **Aggregation** drop-down, select **Date Histogram**. Accept **Field** and **Interval** defaults. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986548475.png)
10. On the Toolbar, click **Save**.
11. Enter a name for the visualization and click **Save**.

### Create a Multi-Line Chart (Configuration Example)

Follow the Single-Line Chart example and continue these steps.

1. Below **Custom Label** field, click **+Add**. On the *Add Sub-Bucket* pop-up select **Split Series**. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986578157.png)
2. On **Sub Aggregation** drop-down, click **Filters**.
3. In **Filter 1**, enter a search expression for the elements to visualize.
4. (optional) To associate a label, click the **Settings** icon and enter **Filter 1 label**.
5. (as needed) Click **Add Filter** and repeat.
6. (as needed) Click **Add sub-buckets** and repeat.
7. To refresh the graph, click **Refresh**. The graph example includes several sub-buckets. ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986601287.png)
8. On the Toolbar, click **Save** (displays dialog). ![](https://cdn.document360.io/763c5fb1-b9af-4ccd-9ad6-cf28ae4cd5a3/Images/Documentation/image-1678986619810.png)
9. Enter a name for the visualization and click **Save**.