---
title: "Populate a Chart Using a Flow"
slug: "populate-a-chart-using-a-flow"
tags: ["Charts", "Page Control", "Page Design", "Create Flow"]
updated: 2023-04-19T08:20:18Z
published: 2023-04-19T08:20:18Z
canonical: "documentation.decisions.com/populate-a-chart-using-a-flow"
---

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

# Populate a Chart Using a Flow

Example Lab ArticleWhile Example Lab projects are resources for public use, articles and assets are not actively maintained. Screenshots and features are from the specified version below. These references may become dated as new versions are released.

---

## Overview

| ## Example Lab Details |
| --- |
| **Version** | 8.5.0 |
| **Root Folder** | Populate Chart Using a Flow |
| **Modules** | None |
| **Dependencies** | None |

A user can populate a chart component for a Page using a Flow by selecting the Use Flow option under the Mode setting under Chart Data. The Use Flow option allows the user to fetch and filter data that will be shown on a chart.

---

## Explanation

The Fetch Entities steps fetch Accounts by User Types of Person and Machine. The subflow creates the series for the chart using ChartRenderData.

Each individual ChartRenderData makes up one series of data for the Chart; this allows the user to customize different series differently. Each series contains different pieces of the Chart, for instance, the slices on a Pie Chart are individually structured as the ChartDatum type. A series of ChartRenderData contains a list of ChartDatum. In this ChartDatum type, there are several fields: Title, Label, and Display Label that can all be mapped in and treated as the same value. The boolean Navigable determines whether or not something can be drilled into when selected. The Value decimal is the actual amount allotted to that piece of the chart.

Reference Articles

- [Page / Dashboard](https://documentation.decisions.com/docs/pages-dashboards)
- [Adding and Customizing Charts on a Page](https://documentation.decisions.com/docs/adding-charts-portal-page)

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1665429558175.png)

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1665429400984.png)

---

## Project Download

The examples attached were developed to be instructional and were not developed as officially supported components. For more information or to engage our service team to develop fully supported, production-quality solutions, please contact services@decisions.com. Import the project below to a Decisions environment on version 8.5.0 or later using our [Importing/Exporting](https://documentation.decisions.com/docs/importing-and-exporting-projects) article.  
  
[Populate Chart Using a Flow-10102022-030409.zip](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/Populate%20Chart%20Using%20a%20Flow-10102022-030409.zip)  

---

## Related

- [Cache Flow Data](/cache-flow-data.md)
- [Filter Report On Page](/filter-report-on-page.md)
- [Dynamic Button Visibility in Pages](/dynamic-button-visibility-in-pages.md)