Highcharts: как вывести всплывающие окна над меню stock-tools?

#javascript #highcharts

#javascript #highcharts

Вопрос:

У меня есть этот код jsfiddle, из которого мы можем видеть, как при наведении курсора мыши на диаграмму создаются всплывающие окна. Проблема для меня заключается в том, что эти всплывающие окна отображаются над меню stock-tools, и это приводит к

введите описание изображения здесь

Итак, есть ли какой-либо способ, как я могу вывести всплывающие окна перед stock-tools, чтобы я мог избежать случая, который я описал выше? Я попытался изменить z-index свойство некоторых классов (которое я обнаружил динамически), но не смог это исправить.

Ответ №1:

Включить outside свойство и установить z-index для контейнера всплывающих подсказок со значением больше 10:

 tooltip: {
  outside: true
}
  

CSS:

 .highcharts-tooltip-container {
    z-index: 10 !important;
}
  

Живая демонстрация: https: //jsfiddle.net/blackLabel/3m2wue7b/

Ссылка на API: https://api.highcharts.com/highstock/tooltip.outside