Flickr Google Tooltip migotanie

Question

Podczas korzystania z Google Charts, czasami podpowiedź pojawia się za wskaźnikiem myszy, powodując migotanie, gdy mysz zostanie przesunięta, nawet odrobinę.

Czy to znany problem?

Answer 1

Tak, to jest trochę błędów.

Wystarczy tylko dodać to do Twojego CSS:

svg > g > g:last-child { pointer-events: none } 

Answer 2

Tak wydaje się, że migotanie jest kwestią otwartą.

https://github.com/google/google-visualization-issues/issues/2162

Answer 3

Tak, masz rację, etykietka obejmuje obszar wyzwalania powodując etykietka zniknąć, co z kolei otwiera obszar wyzwalania i wyświetla je ponownie i tak dalej, i tak dalej.

Rozwiązałem go poprzez ukierunkowanie pojemnika podpowiedzi poprzez CSS i przesłanianie CSS coś Google'a tak:

div.google-visualization-tooltip { 

    padding: 0 !important; 
    margin: 0 !important; 
    border:none !important; 
    box-shadow: unset !important; 
    background-color: rgba(0,0,0,0) !important; 
    height:auto !important; 
    overflow:hidden !important; 

} 

ten powinien wyświetlać HTML podpowiedź o 1em od wskaźnika myszy, a także pozwala pozbyć oryginalne brzydkie białe pudełko. Pracowałem dla mnie na wykresie kalendarza. Jeśli to nie zadziała w twoim przypadku, musisz znaleźć nazwę klasy swojego kontenera z podpowiedziami.

Myślę, że przyczyną problemu jest to, że etykieta narzędzia jest wyświetlana zbyt blisko wskaźnika, ale jeśli usuniesz margines i dopełnienie tego kontenera, to go naprawi.

Nadzieję, że działa dla Ciebie.

Answer 4

To działa w moim przypadku

svg > g:last-child > g:last-child { pointer-events: none } 
div.google-visualization-tooltip { pointer-events: none }