--- title: "List Chart" slug: "list-chart" updated: 2026-05-12T21:22:03Z published: 2026-05-12T21:22:03Z canonical: "docs.processmaker.com/list-chart" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.processmaker.com/llms.txt > Use this file to discover all available pages before exploring further. # List Chart The list chart displays the raw data or a pivot table for a Saved Search. When a List chart displays the raw data for a Saved Search, the chart contents display similarly to the Saved Search results from which the chart is based. Click the **Open Record** icon ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/f8b3fb28-a239-428f-8a33-8c02858673e0.png) to display the specific data in the list chart for that Saved Search. The following list chart shows the raw data for Loan Requests. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/image(42).png) List chart showing the raw data for Loan Requests When a List chart displays a pivot table for a Saved Search, click a column header to pivot how the Saved Search results display. The following chart shows a pivot table of the number of started Requests by the day of the week for Account Openings. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/image(43).png) List chart showing a pivot table for Account Openings --- ## Create a List Chart Follow these steps to create a list chart type for a Saved Search: 1. [View the search results for a Saved Search](/v1/docs/view-the-data-details-of-a-saved-search) in which to create this chart type. The **Data** tab displays the data details for that Saved Search. 2. Click the **Charts** tab. The **Charts** tab displays all charts created for this Saved Search. 3. Click the **+Chart** button. The **Create Chart** screen displays the **General** tab. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/ec52cb1c-81fe-42ad-851e-819489a6b710.png) 4. In the **Name** setting, enter the name of the chart. This is a required setting. 5. From the **Chart Type** group, select the **List** chart type to visualize the results of this Saved Search. The **List** chart type displays chart data in tabular format. See [chart example](/v1/docs/overview-of-saved-search-charts#list-chart). If you select the **Bar (Horizontal)**, **Bar (Vertical)**, **Line**, **Pie**, or **Doughnut** options, see [Create a Horizontal Bar, Vertical Bar, Line, Pie, or Doughnut Chart](/v1/docs/create-a-saved-search-chart#create-a-horizontal-bar-vertical-bar-line-pie-or-doughnut-chart) for their specific settings to create those chart types. If you select the **Count** chart option, see [Create a Count Chart](/v1/docs/create-a-saved-search-chart#create-a-count-chart) for its specific settings. **Bar (Horizontal)** is the default chart type. 6. Click the **Source** tab to configure from which Saved Search's results to visualize in the chart. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/c0c43b96-7d9a-42eb-af7a-e4b494316c4d.png) 7. Enable the **Display Pivot Table** toggle key to create a list chart from which any column header in the chart may be selected to sort the raw data. The **Display Pivot Table** is disabled by default. If the **Display Pivot Table** toggle key is enabled, the following settings display: 1. From the **Series** setting, select how to group the chart data. The [series](/v1/docs/overview-of-saved-search-charts#series) groups the chart content by the units of measurement in the X-axis for applicable chart types. See [chart example that references the series grouping](/v1/docs/charts-to-visualize-saved-search-results#example-using-a-bar-chart). The **Series** setting does not apply to count charts. Options that display in the **Series** drop-down menu derive from the columns configured from the Saved Search tabular data as displayed from the **Data** tab of this Saved Search. The default configurable columns vary for each type of Saved Search. The **Recommended** indicator for Saved Search results represent dates, numbers, and/or unique text results and are recommended when configuring the chart series. This is a required setting for applicable charts. 2. From the **Category** setting, optionally select a secondary measurement by which to aggregate the chart series. See [chart example that references the category measurement](/v1/docs/charts-to-visualize-saved-search-results#example-using-a-bar-chart). The **Category** setting does not apply to count charts. Options and their recommendations that display in the **Category** setting are the same as those in the **Series** setting. 3. From the **Metric** setting, select the chart contents from the Saved Search tabular-formatted results to aggregate as well as how to aggregate that data. The **Metric** setting options are numerically-based Saved Search results such as **#** that represents the ID for the Request, Task, or Collection record associated with that Saved Search. See [chart example that references how that chart data is aggregated](/v1/docs/charts-to-visualize-saved-search-results#example-using-a-bar-chart). Select from the following options how to aggregate the selected chart metric: This is a required setting. - **Average:** The average is the arithmetic mean calculated by adding a group of values, and then dividing by the count of those items. - **Count:** The chart visualizes the number of values of the metric you select. - **Minimum:** The chart visualizes the minimum value of the metric you select. - **Maximum:** The chart visualizes the maximum value of the metric you select. - **Median:** The median is the middle value of a group of values that is calculated by sorting each of the values of the metric you select, then visualizing the middle value. - **Sum:** The sum is the arithmetic addition of each value of the metric you select. This is the default option. 8. In the **Query** setting, optionally enter a ProcessMaker Query Language ([PMQL](/v1/docs/pmql-syntax-to-search-processmaker-platform-data#overview)) query from which to further filter the Saved Search's results. See the following topics for information how to use PMQL for Requests, Tasks, and Collections: - [PMQL Syntax for Requests](/v1/docs/search-using-processmaker-query-language-pmql#pmql-syntax-for-requests) - [PMQL Syntax for Tasks](/v1/docs/search-using-processmaker-query-language-pmql#pmql-syntax-for-tasks) - [PMQL Syntax for Collections](/v1/docs/search-using-processmaker-query-language-pmql#pmql-syntax-for-processmaker-collections) 9. Click the **Display** tab to configure the appearance and style of the Saved Search chart. **Follow this step if the Select Pivot Table toggle key is enabled from the Source tab:** **Follow these steps if the Select Pivot Table toggle key is disabled from the Source tab:** 1. From the **Background Color** setting, select a color as the background for the list chart canvas. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/image-1778620737694.png) 1. From the **Background Color** setting, select a color as the background for the list chart canvas. 2. Enable the **Display search bar** toggle key to display the list search bar. The **Display search bar** toggle key is enabled by default. 3. Enable the **Display link button** toggle key to display a link that, when clicked, redirects to the corresponding Request, Task or Collection record depending from which type of Saved Search the list chart derives its data. The link displays as the **Open Record** icon![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/1a07518d-edcb-432e-9fab-821be58bce07.png)at the end of each row. The **Display link** toggle key is enabled by default. 4. Enable the **Make rows clickable** toggle key to allow anywhere within a list chart row to redirect to the corresponding Request, Task or Collection record depending from which type of Saved Search the list chart derives its data. The **Make rows clickable** toggle key is disabled by default. ![Settings for creating a chart, including background color and display options.](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/Display Settings - List Chart.png) 10. Click **Save**. If a required setting does not contain a value or selection, the following message displays: **The given data was invalid.**. Otherwise, the chart and the following message display: **Successfully Created Chart**.