Nivo Line Форматирование времени по оси X

Question

Я хочу отформатировать ось X линейного графика со временем, которое я использую @ nivo / line Библиотека реагирования для графиков

 axisBottom={{
   tickValues: 3,
   tickRotation: 90,
   format: (values) => `${getRequiredDateFormat(values, 'MMMM-DD')}`, // using momentjs to format   
   legendOffset: -80,
   legendPosition: 'start',
}}

Просто хочу, чтобы каждый месяц отображался один раз на основе данных.

CodeSandbox Link Попробуйте здесь

Answer 1

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

Вот рабочий пример -

https://codesandbox.io/s/quirky-leftpad-dwmb9?file= / src / App.js & fbclid = IwAR1dZoKls-dVowdVRoN3pZd8INsHgc2egNdcNLkj3n0nDqMpJQIJdK7 ** 100