adobe / adobe/react-spectrum-charts

highlightBy on ChartPopover

Open
#374 1 comment 0 reactions 0 assignees View on GitHub
open for contribution
Dominant language
TypeScript
Stars
127
Forks
29
Avg merge
7d 2h
Merged PRs (30d)
21

Description

### Provide a general summary of the feature here

Be able to specify which data points get selected for chart popovers.

### 🤔 Expected Behavior?

Currently you can only select a single point.

It would be nice to be able to select points by the following:
* `item` (default)
* The clicked point is the only one that gets selected
* `dimension`
* All points that have the same dimension as the clicked point get selected
* `series`
* All point that have the same series as the clicked point get selected
* `string[]` (group)
* All points that match the defined group keys get selected

### 💁 Possible Solution

Need to add select highlighting logic to support the different methods.

This needs to be done for each of the different chart types since most of them handle select highlighting on their own.

### 🔦 Context

There are requests to be able to select grouped bars by dimension.

### 💻 Examples

_No response_

### 🧢 Your Company/Team

Adobe/AEP

Contributor guide

Open the contributing guide

Research direction

Start at ChartPopover and trace how each chart type currently handles select highlighting. Compare the existing single-point behavior with the proposed item, dimension, series, and string[] group modes; done means each chart type supports the specified selection behavior, including grouped bars by dimension.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
data-visualization, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.