Google Charts Tooltip flackern

Question

Bei der Verwendung von Google Charts erscheint manchmal der Tooltip hinter dem Mauszeiger und verursacht ein Flackern, wenn die Maus bewegt wird, auch nur ein kleines bisschen.

Ist dies ein bekanntes Problem?

Answer 1

Ja, es ist ein wenig Fehler.

Sie müssen nur diese zu Ihrem CSS hinzuzufügen:

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

Answer 2

Ja, es scheint, dass Flackern eine offene Frage ist.

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

Answer 3

Ja, Sie haben Recht, Tooltip deckt den Auslösebereich verursacht Tooltip zu verschwinden, was sich wiederum auf den Bereich Auslöser öffnet sich und zeigt es wieder und so weiter und so weiter.

Ich löste es durch den Tooltip Behälter durch CSS-Targeting und wie so Googles CSS etwas überschreiben:

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; 

} 

Ist dies Ihre HTML Tooltip über 1em weg von dem Mauszeiger angezeigt werden sollen und ermöglicht es Ihnen auch, um loszuwerden, Original hässliche weiße Box. Arbeitete für mich auf Kalender-Diagramm. Wenn dies in Ihrem Fall nicht funktioniert, müssen Sie den Klassennamen des Tooltip-Containers Ihres Diagramms herausfinden.

Ich denke, die Wurzel des Problems ist, dass der Tooltip zu nahe am Zeiger angezeigt wird, aber wenn Sie Rand und Padding des Containers entfernen, wird es irgendwie behoben.

Hoffnung, die für Sie arbeitet.

Answer 4

, dass in meinem Fall arbeitet

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