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.

hoverBackgroundColor affects tooltip index color

See original GitHub issue

Version : v2.8.0 Configuration :

chartDataSets.push({
                    label: category,
                    barPercentage: 0.5,
                    barThickness: 6,
                    maxBarThickness: 8,
                    minBarLength: 2,
                    backgroundColor: this.getThemeColor(index),
                    data: categoryData,
                    hoverBorderColor : '#D7DAE9',
                    hoverBorderWidth : 2,
                    hoverBackgroundColor  : '#D7DAE9'
 }); 

Expected : image

Actual : The tool-tip index colors are overridden by the hoverBackgroundColor image

Workaround :

  1. Remove hoverBackgroundColor
  2. Set hoverBorderColor
  3. Set hoverBorderWidth to a higher value overlapping the whole bar area

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
etimbergcommented, Dec 21, 2020

As @LeeLenaleee mentioned, this was likely fixed when @kurkle rewrote the animation system. Our initial goal was to improve performance, but we did catch some bugs during the project. We’ve got better test coverage on that now, so this should be stable in v3.

1reaction
LeeLenaleeecommented, Dec 16, 2020

Don’t know but if it is a duplciate but it can also be fixed because they noticed the issue themselfs and for v3 they rewrote a large part of the lib what could have fixed it

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to change Navigation and on hover tooltip background ...
Try " + " sign for multiple li hover css like below for yellow color: Only change the color what you have want:...
Read more >
How to Color Chart Background onHover in Chart JS - YouTube
To do this we will need to understand how to read the hover effect and which color to show. Let's explore this right...
Read more >
CSS :hover Selector - W3Schools
background-color: yellow; ... Hover over a <span> element to show a <div> element (like a tooltip):. div { display: none; } span:hover +...
Read more >
ToolTip Border/Background Color - Microsoft Q&A
Please suggest how to remove hover background color for tootip UWP,after some seconds hovering with background white will appear.
Read more >
The Best CSS Button Hover Effects You Can Use Too
These CSS buttons come with a cool aura effect of text and colors when you hover over them. It will make your designs...
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