Мерцание подсказок в Google Charts

Ответ 1

Да, это небольшая ошибка.

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

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

Ответ 2

Да, кажется, что мерцание - открытая проблема.

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

Ответ 3

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

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

Ответ 4

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

Я решил его, нацелив контейнер всплывающей подсказки на 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-подсказку примерно на расстоянии 1 метра от указателя мыши, а также позволяет избавиться от оригинальной уродливой белой коробки. Работал для меня в календаре. Если это не работает в вашем случае, вам нужно узнать имя класса вашего контейнера подсказок диаграммы.

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

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

Ответ 5

Поздняя вечеринка, но она только нацелена на всплывающую подсказку и не повлияет/не отключит всплывающую подсказку html по умолчанию на обрезанных ярлыках (hAxis или vAxis) и легендах:

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