javascript - tipos - google charts tutorial español

Flickr de la información de herramientas de Google Charts

Question

Al usar Google Charts, a veces la información sobre herramientas aparece detrás del puntero del mouse, causando un parpadeo cuando se mueve el mouse, incluso un poco.

¿Es este un problema conocido?

Answer 1

Eso funciona en mi caso

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

Answer 2

Sí, es un pequeño bicho.

Solo necesitas agregar esto a tu CSS:

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

Answer 3

Sí, parece que el parpadeo es un problema abierto.

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

Answer 4

Sí, tiene razón, la información sobre herramientas cubre el área de activación, lo que hace que ésta desaparezca, lo que, a su vez, abre la zona de activación y la muestra de nuevo y así sucesivamente, y así sucesivamente.

Lo resolví dirigiéndome al contenedor de información sobre herramientas a través de CSS y anulando algo así como el CSS de Google:

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;
}

Esto debería mostrar su información sobre herramientas HTML a aproximadamente 1 em del puntero del mouse y también le permite deshacerse de la caja blanca original y fea. Trabajó para mí en el calendario gráfico. Si esto no funciona en su caso, debe averiguar el nombre de clase del contenedor de información sobre herramientas de su gráfico.

Creo que la raíz del problema es que la información sobre herramientas se muestra demasiado cerca del puntero, pero si elimina el margen y el relleno de ese contenedor, lo soluciona.

Espero que eso te funcione.