Инструмент подсказки Google Charts мерцает

Question

При использовании Google Charts иногда подсказка появляется за указателем мыши, вызывая мерцание при перемещении мыши, даже немного.

Это известная проблема?

Answer 1

Да, это немного ошибка.

Вам нужно только добавить к вашей CSS:

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

Answer 2

Да оказывается, что мерцающий является открытым вопросом.

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

Answer 3

Да, вы правы, подсказка охватывает область триггера, вызывая подсказку исчезнуть, которая, в свою очередь, открывает область запуска и отображает его снова И так далее, и так далее.

Я решил ее ориентации контейнера всплывающей подсказки с помощью CSS и переопределение CSS что-то 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; 

} 

Это должно отображать HTML подсказки о 1em от указателя мыши, а также позволяет избавиться от оригинальный уродливый белый коробка. Работал для меня в календаре. Если это не работает в вашем случае, вам нужно узнать имя класса контейнера подсказок вашей диаграммы.

Я думаю, что корень проблемы заключается в том, что всплывающая подсказка показана слишком близко к указателю, но если вы удалите поле и добавление этого контейнера, это как бы исправить его.

Надеюсь, что сработает для вас.

Answer 4

Это работает в моем случае

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