Изменить z-индекс всплывающей подсказки ячейки AG-сетки

#css #highcharts #tooltip #ag-grid #z-index

Вопрос:

Я создал диаграмму высокого уровня в ячейке таблицы данных Ag. При наведении курсора мыши на линейный график мне нужно отобразить всплывающую подсказку с несколькими деталями. Я могу показать всплывающую подсказку в ячейке, но когда всплывающая подсказка отображается в ячейке, содержимое скрывается в ячейке. Мне нужно отобразить всплывающую подсказку таким образом, чтобы она могла перекрываться и отображать всплывающую подсказку над другой ячейкой.

Я попытался установить z-индекс на 99999 и позиционировать его как относительное/абсолютное значение всплывающей подсказки highchart. Но это не отражается.

Попытался переопределить класс css .highcharts-подсказка, добавив индекс z

Пожалуйста, может ли какой-нибудь эксперт по css помочь мне определить проблему?

Комментарии:

1. пожалуйста, предоставьте скрипку с рабочим примером

2. Пожалуйста, предоставьте достаточно кода, чтобы другие могли лучше понять или воспроизвести проблему.

Ответ №1:

Нет необходимости изменять CSS всплывающей подсказки highchart.Я следовал свойствам, используемым в приведенном ниже URL-адресе, и это сработало для меня: https://www.highcharts.com/demo/sparkline

Я пропустил добавление параметров диаграммы ниже:

 tooltip: {
      outside: true,
}
plotOptions: {
      series: {
        animation: false,
        lineWidth: 1,
        shadow: false,
        states: {
          hover: {
            lineWidth: 1
          }
        },
        marker: {
          radius: 1,
          states: {
            hover: {
              radius: 2
            }
          }
        },
        fillOpacity: 0.25
      }
    }