Наложение меток осей гистограммы Nivo

Я использую @ nivo / bar: 0.63.1 для создания диаграммы, которая принимает даты в формате ГГГГММДД. Как предотвратить перекрытие меток оси X, отображая их каждые 7 или 30 дней и т. Д. По мере увеличения размера диаграммы? Я пробовал добавить tickValues, но ничего не делает.

        axisBottom={{
            tickValues: 7,
            format: function (value) {
                return moment(value).format('DD');
            },
        }}

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


javascript charts d3.js nivo-slider
person zosozo    schedule 06.11.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Один из способов обхода проблемы - создать функцию и вернуть пустую строку, если дата не понедельник:

const isMonday = value => moment(value).day() === 1;

axisBottom={{
    format: function (value) {
        return isMonday(value) ? moment(value).format('DD') : "";
    },
    tickSize: function (value) {
        return isMonday(value) ? 5 : 0;
    },
}}
person Ruben Helsloot    schedule 06.11.2020