How do I get a Chart widget to mark/highlight items on map?

[DanCopKac]

I'm trying to recreate the chart widget functionality from Web App Builder in Experience Builder and I'm running into several issues. I would appreciate if anyone can help me recreate these features. I tried looking at the chart widget options, and also tried looking at triggers and actions but nothing seems to make it do these things. Thank you!

1. How do I make multiple chart tasks within the chart widget? There doesn't seem to be an option to add multiple layers/datasets into the chart widget. 
   
2. How can I set the chart widget to use a spatial filter if the end user wants to have one?
   
3. How do I make it so the chart widget will mark all of the features used to generate the chart data? 
   
   
   
4. Finally, how do I make the chart widget clearly highlight the relevant features when I hover over the corresponding bar?
   

[DanielFox1]

Hi @DanCopKac I hope the following will help in some way 

1. There a few ways you could approach this 

a. Use Multiple Chart Widgets 

You can add separate Chart widgets for each dataset or layer you want to visualize. Each widget can be configured with its own data source and chart type. Then, use layout tools to organize them:
• Stack them vertically or horizontally
• Use a Grid or Section widget to keep things tidy
• Add View Navigation to toggle between charts like tabs

Solved: Is it possible to stack chart/infographics widgets... - Esri Community

b. Use the Section Widget with Views

• Create a Section widget
• Add a View for each chart
• Insert a Chart widget into each view, each configured with a different dataset
• Add a View Navigation widget to switch between views (like tabs or buttons)

2. Spatial Filter

a. Add a Query Widget
• Configure it to allow spatial selection (e.g., intersecting features).
• Set the data source to the layer you want to filter.

b. Enable Spatial Filter Options
• In the Query widget settings, allow users to draw shapes or select features on the map.
• Choose spatial relationships like intersects, contains, or within.

c. Connect the Query Output to the Chart Widget
• Set the Chart widget’s data source to the output of the Query widget.
• This way, the chart updates based on the spatial selection made by the user.

d. Optional: Show Results on Map

Configure a message action:
Query Widget > Records Created > Map Widget > Show on Map
• This helps users visualize what they’ve selected spatially.

Unless explicitly configured the query widget will not dynamically filter based on map extent or selection.

Spatial filter in Experience Builder: How to replicate the functionality from Dashboards?

3. Mark Features Used in Chart 

a. Ensure Your Chart Widget Uses a Feature Layer
• The data source must be a feature layer (not just a table), so the features can be spatially represented on the map.

b. Add a Map Widget to Your Page
• This is where the features will be marked or highlighted.

c. Configure Message Actions
• Go to the Chart widget settings
• Navigate to the Actions tab
• Add a new Message Action:

• Trigger: Data Records Created
• Action: Select Data Records
• Target: Map widget

This setup tells the Map widget to select and highlight the features that were used to generate the chart. This works if the chart is based on actual features not aggregated statistics or unrelated tables. Unless an additional logic is configured the selection is visual only. 

4. Use Click to Highlight instead of Hover

a. Go to the Chart widget settings
b. Under Actions, add a Message Action:

• Trigger: Data Record Selected
• Action: Select Data Records
• Target: Map widget

This setup allows users to click on a chart bar, and the corresponding features will be highlighted on the map.

Chart widget—ArcGIS Experience Builder | Documentation

I hope this helps.