Блог

Главная - Вопросы по программированию - Highchart : настраиваемая x-сетка и zIndex серии

Highchart : настраиваемая x-сетка и zIndex серии

#javascript #html #css #highcharts

#javascript #HTML #css #highcharts

Вопрос:

Я пытаюсь реализовать пользовательский x gridline для моей графики HighChart (внешней в HighChart). Линия отображается хорошо, но находится выше моих кривых.

Строка над моими кривыми

Вот мой css класс для моего пользовательского gridline : (Я попытался уменьшить zIndex, но я получаю то же поведение.)

 .line-x-axis {
     height: 420px;
     width: 1px;
     border-color: #eeeeee;
     position: absolute;
     z-index: 0 !important;
     background-color: #eeeeee;
     bottom: 0;
     top: 43px;
     left: 0;
}

Как я могу изменить zIndex всю мою кривую? Это возможно?

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

1. Как вы создаете такую сетку? Если это HTML, то это невозможно. Highcharts используют SVG / VML, поэтому HTML-теги могут находиться либо под, либо поверх контейнера SVG. В любом случае, почему бы вам не использовать plotLines из Highcharts или chart.renderer.path() для рисования путей на графике?

2. пожалуйста, создайте скрипт вашего кода!

3. Спасибо за ваши ответы. Я решил свою проблему. Я справился с z-index и установил прозрачный background-color для своего контейнера HighCharts. @Павел, спасибо тебе за эту альтернативу.