question-mark
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.

Tooltips showing outside of minimum time bounds

See original GitHub issue

Codepen example: https://codepen.io/ekerstein/pen/XZdJwJ

When the “min” time setting is used, it adjusts the line chart accordingly, however the tooltips still show up when you hover to the left outside of bounds. This is more noticeable on a chart with many datapoints. For example:

chartjs_min

Expected behavior is that the “min” time setting would clip/truncate all values outside of the bounds. In other words, it would be as if those values don’t exist. No tooltips should appear for those values.

Current behavior appears to be that the line is still drawn but does not appear outside of bounds, however the tooltips still do.

This is all assuming of course that there aren’t additional settings that I’m unaware of to fix this issue.

EDIT: One way around this is to simply not feed the full array into the dataset. For example instead of using data: data_array use data: data_array.slice(-100) to make a subset of the last 100 items in the array.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:12 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
kurklecommented, Apr 5, 2020
0reactions
mymrocommented, Apr 5, 2020

Thank you. Can’t wait for the release

Read more comments on GitHub >

github_iconTop Results From Across the Web

Prevent CSS tooltip from going out of page/window
Use position: absolute to position the .ktooltiptext accordingly to .ref ,; Use the .getBoundingClientRect() method to easily get the position ...
Read more >
Building a simple tooltip component that never goes off screen
The CSS needed for this approach is minimal. The idea is to set the container with position: relative while the dropdown has a...
Read more >
Tooltips - Material Design
Continuously display the tooltip as long as the user long-presses or hovers over the element. Timing. Display the tooltip for 1.5 seconds. If...
Read more >
ToolTip Class (Windows.UI.Xaml.Controls) - Microsoft Learn
The placement is not constrained by the app window, so the ToolTip might be displayed partially or completely outside of the app window...
Read more >
Tooltip | Components - BootstrapVue
You can manually control the visibility of a tooltip via the syncable Boolean show prop. Setting it to true will show the tooltip,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found