Как удалить фоновые линии сетки в nvd3.js?

Я делаю гистограмму в nvd3.js, аналогично этому примеру: http://nvd3.org/ghpages/discreteBar.html. Мне было интересно, есть ли способ удалить сетку, чтобы фон был простым белым. Во всех примерах используются сетки. Я также проверил исходный код и ничего не увидел в модели discreteBar, которая сделала бы это возможным.

Ответ 1

Вы можете выбрать эти линии сетки в своем CSS и установить их непрозрачность 0:

.tick {
  opacity: 0;
}

Если вы все еще хотите увидеть базовую линию, вы можете изменить это:

.tick:not(.zero) {
  opacity: 0;
}

Используйте инструменты проверки броузеров, чтобы узнать, какой класс для отдельных элементов требуется изменить и использовать силу CSS.

Ответ 2

.tick {
  opacity: 0;
}

Не работает для вертикальных линий на дискретной диаграмме, потому что они используют встроенный css, чтобы установить непрозрачность на 1. Но это работает:

.tick {
  display: none;
}

Это также скроет метки на осях. Если вы хотите удалить строки, но сохраните метки, используйте:

.tick line {
  display: none;
}

Ответ 3

I нашел более конкретное решение, которое сработало хорошо:

(Это удаляет все сетки, но вы можете быть выборочными, то есть:.y1.axis)

.nvd3.multiChart .axis .nv-axis line {
stroke: none;
fill: none;
}

Ответ 4

Чтобы избавиться от рекомендаций и использовать эти метки,

.tick line {
  opacity: 0;
}

Ответ 5

просто нужно обновить css с помощью

.tick line {
display: none;
}