X 轴上的 Nivo Line Formatting 时间刻度

【问题标题】：Nivo Line Formatting time tick on the x axisX 轴上的 Nivo Line Formatting 时间刻度
【发布时间】：2020-07-29 09:16:44
【问题描述】：

我想用时间格式化折线图的 x 轴我正在使用 @nivo/line 图表反应库

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

只想根据数据显示每个月出现一次。

CodeSandbox Link在这里试试

【问题讨论】：

标签： javascript reactjs d3.js graph axis-labels

【解决方案1】：

您可以创建一个包含所有 x 轴日期的新数组，如果该日期出现多次，则显示一次。

这是一个工作示例 -

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

【讨论】：