Synchronize charts based on the selection in a chart using ArcGIS Experience Builder

Summary

Synchronizing charts allows the data displayed in multiple charts to be filtered simultaneously based on the chart’s category selected by the user when their data source is represented by the same layer.

Using the following workflow, when selecting a category in the main chart, the secondary synchronized chart displays only the unique values for that category.

Procedure

1. Open ArcGIS Experience Builder and create a new experience.
   1. In the ArcGIS Experience Builder home page, click Create New.
   2. Click the Create button from the Blank fullscreen template.
2. Add data to your experience.
   1. In the left pane, click the Data tab, and select Add data.
   2. Browse the content and select the desired data, and click the Done button on the lower right corner.
3. Add a Map widget and connect it to the data.
   1. In the left pane, click the Insert tab.
   2. Choose the Map widget under the Map centric category and drag it over the canvas.
   3. In the right pane, with the Map widget selected, click Select map.
   4. Under the Select Data tab, choose a layer.

4. Add two Chart widgets.
   1. In the left pane, click the Insert tab.
   2. Choose the Chart widget under the Data centric category and drag it over the canvas.
   3. On the right pane, for Chart, click Select data. The Select data pane opens.
   4. Under the Select data pane, choose the data.

1. 5. In the Chart pane, click Select chart and pick the first template.

1. 6. In the Chart pane, under the Data tab, for Category field, choose a field to display in the chart.
   7. Repeat for the other Chart widget.

5. Configure the main chart.
   1. Select the chart.
   2. On the Chart pane, click Action.
   3. Under Message action, click Add a trigger.
   4. In the Select a trigger pane, click Record selection changes, and choose the Framework as the Target, and select Filter data records.

Note:
Selecting 'Framework' will filter this layer across the application, including the second chart and the map. Selecting a Map widget as the target only filters the data in the map and the chart remains unfiltered.

1. 5. Click Select Data and select your data layer.
   6. Under the Conditions category, the same field must be selected for trigger and action to achieve the filtering.

Now selecting a column on the main chart will filter the data for the entire framework, changing the data displayed by the Map widget and the other Chart widget. 

The follwing image shows an example of an unfiltered map.

The next image shows an example with both selections applied, on the left and right charts.