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