Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltip Temporarily Combines data with mode:"x" and intersect:false

See original GitHub issue

Expected Behavior

Tooltip should show the current axis intersect data correctly without what I can only describe as “render glitches”.

Current Behavior

When moving your mouse over the x-axis, you can see that the tooltip will “flutter” at some points, showing data as if there’s 3 or 4 datasets instead of just 2. They only last for a short duration, and then fade away on the next render loop.

Possible Solution

Seems like something to do with how the intersect is being fetched is returning the wrong (or combined) result for some reason. Also note that there seems to be a related bug when you turn animations on in options.hover (I turned them off). The issue seems to get much, much worse.

Steps to Reproduce

https://jsfiddle.net/mclean25/0hdzsftk/15/

Context

It would be a very big UX improvement if the tooltip were to render nicely instead of looking like something breaks temporarily.

Environment

Chart.js version: 2.9.4
Browser name and version: Version 87.0.4280.141 (Official Build) (x86_64)

Issue Analytics

State:
Created 3 years ago
Comments:16 (7 by maintainers)

Top GitHub Comments

1reaction

kurklecommented, Dec 21, 2021

#9974 (or #9961) would solve the issue.

1reaction

kurklecommented, Apr 25, 2021

@JEK58 are you looking for something like that: https://jsfiddle.net/svt7g0rn/ ?

Top Results From Across the Web

Chart.js Undesired Tooltip Showing Up for Legend

I would use intersect: true (or simply omit it because that's the default) combined with an increased hit radius for events like tooltip....

Sketch | API Reference | ArcGIS Maps SDK for JavaScript 4.25

Combines the behavior described above. Shift Alt Left-click drag. Updating graphics. The Sketch widget provides users with the ability to move, rotate, scale...

Glossary of AutoCAD Terms - Autodesk Knowledge Network

A generic term for one or more objects that are combined to create a single object. Commonly used for either block definition or...

Google Charts Release Notes

When set to true, all charts and tooltips that generate HTML from user-supplied data will sanitize it by stripping out unsafe elements and...

Reference Manual - CodeMirror

The editor state class is a persistent (immutable) data structure. ... The resulting transaction contains the combined effect of all the different specs....