Line chart - hovering not triggering tooltip at the proper point
See original GitHub issueIn this fiddle when I hover over Dec. 22 the appropriate tooltip gets displayed. However, as I scroll my mouse right to Dec. 23, the tooltip does not change until I actually pass to the right of the Dec. 23 line. This means that when I’m hovering directly over Dec. 23 it still shows the Dec. 22 tooltip.
It ends up feeling like the tooltips aren’t aligning with my mouse properly as you try to focus on one or another point on the graph.
I’ve tried adjusting pointHitDetectionRadius
and it doesn’t impact this exact problem - the radius of the detection does change but it doesn’t solve the misalignment between the mouse pointer and the tooltip.
The issue seems to exist only when you have a lot of X axis labels as in this chart.
Issue Analytics
- State:
- Created 8 years ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
Line chart Hover Tooltip is not working - Highcharts
Line chart hover tooltip is not working if two points with different values plotted at the same time. Link to fiddle
Read more >Chart.js Tooltip over the line not only over points
I have a line chart in chart.js. Now I would like to have a tooltip, when I hover over the line not just...
Read more >Line chart tooltip issue? - Microsoft Power BI Community
Hello, I have an issue with the line chart. Each time I want to hover over point on the plot, PBI displays not...
Read more >Chart.js - Line Chart Tooltip Hover Mode - CodePen
Insecure Resource. The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https....
Read more >Interactions - Chart.js
By default, these options apply to both the hover and tooltip ... Events that do not fire over chartArea, like mouseout , can...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Also seem to be getting this issue. Only happens with a lot of data points. Edit: updated to v2 and this has fixed the problem.
Hello, today I am closing all issues that are only affecting version 1 of Chart.js as WONTFIX.
If this issue does affect version 2 as well, I apologize for the error. Please create a test case against Chart.js 2 using on of the below websites and we will be happy to reopen the issue and update its classification: