x轴上的Nivo线格式化时间刻度

Question

我想使用@nivo/line图表的反应库来设置折线图的x轴格式

 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-dVowdVRoN3pZd8INsHgc2egNdcNLkj3n0nDqMpJQIJdK6vyQ8