Skip to content

Toggle lines on Interop chart #4425

Open
@jcscottiii

Description

@jcscottiii

Taken from web-platform-tests/interop#968

From @foolip

Of the suggestions here, I think that toggling individual lines on and off is the one I've had the biggest need for personally. It can sometimes be hard to see what's going on because lines overlap.


Proposed UX 1

When a user sees the chart, all the lines are shown by default.

When a user clicks on the series name in the legend, it hides that specific one


Proposed UX 2

When a user sees the chart, all the lines are shown by default.

When a user clicks on the series name in the legend, it goes into focus mode and hides all of the other lines except that specific one. And you can re-enable other lines while in toggle mode.

This is similar to how GCP does it.


In either case, we can add an event listener and call the appropriate set/hide methods

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions