--- title: "Vertical Bar Chart" slug: "vertical-bar-chart" updated: 2026-05-12T15:12:07Z published: 2026-05-12T15:12:07Z canonical: "docs.processmaker.com/vertical-bar-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. # Vertical Bar Chart The vertical-style bar chart visualizes Saved Search results in vertical bars. The following vertical-style bar chart shows the number of Requests by status per agency. In this example, data markers are stacked: data markers overlay on one another in the x- and y-axis such that all Request status types display on each other for each agency. Furthermore, this example displays the data marker represents when hovering the cursor over that marker. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/image(36).png) --- ## Create a Vertical Bar Chart Follow these steps to create a vertical bar chart 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 a chart. 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 **Bar (Vertical)** chart to visualize the results of this Saved Search. **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/4a104ff7-f0bc-48ba-8997-244bfebdee77.png) 7. 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). 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. 8. 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. 9. 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. 10. In the **Query** setting, optionally enter a ProcessMaker Query Language ([PMQL](/v1/docs/pmql-syntax-to-search-processmaker-platform-data#what-is-pmql)) 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) 11. Click the **Display** tab to configure the appearance and style of the Saved Search chart.![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/3d3823a1-933a-4838-8a3c-8e74ac97fdbe.png) 12. From the **Color Scheme** setting, select the color palette from which to display the chart. 13. Enable the **Stacked** toggle key to stack the chart's data markers: overlay the data markers one another in the x- and y-axis. See this chart as an example of stacked data markers. ![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/image(36).png) 14. From the **Legend** setting, select where to place the legend in respect to the chart from the following options: - **None:** The chart legend does not display. - **Top:** The legend displays above the chart. This is the default option. - **Bottom:** The legend displays below the chart. - **Left:** The legend displays to the left of the chart. - **Right:** The legend displays to the right of the chart. 15. 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**.