9 - Adding and Configuring a Basic Pie Chart

Let’s now add your pie chart to the top section and ensure it has the right input object set.

🔨 Task Instructions

1. Add a Chart: Pie widget to the empty section.
2. Click into the Select object set variable . . . field and choose ➕ New object set variable.
3. Rename the variable to [o] Filtered Flight Alerts (COP) to distinguish it from the similarly named variable on your inbox page.
4. Set its starting object set to the existing [o] All Flight Alerts variable.
5. Click the (x) Filter using variable option below and choose [f] Flight Alerts Filter (COP).

You can also make the chart interactive so that clicking on a particular segment will further filter objects on the map. For that, you’ll need to define the pie chart’s output filter variable. This is a common pattern for adding a filtering capability to all types of Workshop charts.

6. Back in the pie chart widget configuration panel, add Priority as the Group By property.
7. Move the Show Legend toggle to the “On” position.
8. Test the responsiveness of your pie chart to the filter by setting a value (e.g., via click and drag) in the Flight Date filter. Your pie chart will reload with new values.
9. At the bottom of your pie chart configuration panel, click into the Select object set filter variable . . . field and then on ➕ New object set filter variable.
10. A generic variable name (Chart: Pie 1 undefined) now appears in the selection field. Click on it to open the fly-out window.
11. Rename the variable to [f] Pie Chart Alert Filter.
12. Save and publish.