Как изменить цвет вертикальной всплывающей подсказки C3JS и скрыть линию осей Y

Question

У меня есть два вопроса относительно c3js, можете ли вы помочь мне найти решение:

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

2. У нас есть требование убрать вертикальную линию оси y и небольшую горизонтальную линию для каждого тика. Может кто-нибудь также предложить решение для этого?

Спасибо

Answer 1

Q1. Вы можете изменить цвет линии, установив обводку на .c3-xgrid-focus line в своей таблице стилей или в объявлении стиля.

.c3-xgrid-focus line {
  stroke: rebeccapurple;
}

Q2. Вы можете скрыть ось Y, установив axis.y.show в false :

axis: {
  y: {
    show: false;
  }
}

Если вам все еще нужен текст для галочки, вы можете скрыть строки с помощью css:

.c3-axis.c3-axis-y path, .c3-axis.c3-axis-y line {
  stroke-opacity: 0
}