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.

Can't find a way to disable hovertext automatic rotation

See original GitHub issue

I have a horizontal bar chart using hover text that is automatically being rotated about 45 degrees, which I don’t want. I’ve been combing through the API full reference and existing issues (open and closed), but have not found any way to change this:

image

One detail in the data: there are 2 traces being charted, one in blue and one in grey. Initially all the data was in a single trace and I didn’t have this problem. But both traces have identical options set for the hovertext:

            hoverinfo: 'y+text',
            hovertext: [],
            hoverlabel: {
                bordercolor: 'rgb(100, 100, 100)',
                bgcolor: 'rgb(240, 240, 240)',
                namelength: 0
            }

Am I just missing something or is it not possible to avoid this rotation? There seems to be plenty of room for the hovertext, and even if I reduce the text content to a very short string on a single line it still wants to do the rotation now that I split it into 2 traces.

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:2
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

11reactions
etpinardcommented, Nov 20, 2017

You’re right, we don’t expose a way to set the hover label rotation at the moment.

I guess we could add something like:

hoverlabel: {
  angle: 90 // or [10, 90, 45] one item per-pt
}

but that might not cover all the current label rotation logic.

9reactions
adrianoeschcommented, Feb 7, 2018

+1 for the angle parameter at the hoverlabels.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Can't find a way to disable hovertext automatic rotation
The hovertext will automatically rotate when the mouse is placed as above. Why does it rotate automatically? Is there a way to prevent ......
Read more >
Disable hover effects on mobile browsers - Stack Overflow
My solution is to add hover-active css class to the HTML tag, and use it on the beginning of ...
Read more >
How to disable Widgets on hover on Windows 11 - Pureinfotech
Open Widgets board (Windows key + W). · Click the Profile button in the top-right corner to open the Widgets settings. · Turn...
Read more >
Rotate text in Word - Microsoft Support
Under 3-D Rotation, set X Rotation to 180°. Text box with 3D Rotation x 180 deg. Remove the border. Select the text box....
Read more >
Text Rotation | CSS-Tricks
If what you are looking for is a way to set type vertically, you're best bet is probably CSS writing-mode .
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