chartjs / chartjs/Chart.js

Intersect mode with filled line dataset should include hovering the fill

Open
#10,780 8 comments 4 reactions 0 assignees View on GitHub
type: enhancement
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### Expected behavior

I think it's a common expectation that "intersects" hover mode should include hovering the filled area of a stacked line chart. Hovering the points requires precision, and is unexpected to behave differently the hovering the fill area.

Note: the issue with using intersects="false" is it forces something to be hovered. If the user hovers outside of any dataset, this should not highlight the top one.

### Current behavior

You need to hover the precise data points, not filled area

### Reproducible sample

https://codepen.io/alexrcoleman/pen/WNJYJzZ

### Optional extra steps/info to reproduce

_No response_

### Possible solution

_No response_

### Context

_No response_

### chart.js version

3.3.2

### Browser name and version

_No response_

### Link to your project

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.