influxdata / influxdata/giraffe

Graph Legend: Click on series toggles highlighting the series on graph

Open
#494 2 comments 0 reactions 0 assignees View on GitHub
kind/feature request team/ui
Dominant language
TypeScript
Stars
189
Forks
33
Avg merge
3d 15h
Merged PRs (30d)
4

Description

### Background
Clicking on a series on the legend should toggle it on the graph. Similar to how hovering highlights, but it should stick. See #493

![Screen Shot 2021-03-09 at 4 54 27 PM](https://user-images.githubusercontent.com/146112/110559339-e0ff3b00-80f8-11eb-8006-74782189450c.png)

### Acceptance Criteria
- Clicking on a series on the legend highlights that series on the graph, even after the hover event is over
- The highlighted series is rendered last so that it appears to be on top of the other lines
- Other lines are drawn at 30% opacity

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the graph legend and series-rendering entry points related to issue #493. Trace how hover highlighting is currently handled, then verify that clicking a legend series preserves its highlight, renders it last, and lowers other lines to 30% opacity.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.