Гистограмма не может быть масштабирована со временем?

#javascript #reactjs #recharts

#javascript #reactjs #перезаряжается

Вопрос:

У меня есть данные, которые я хочу отображать со временем, и когда я ввожу свойство scale для линейной диаграммы, например, так (как указано в документации для оси x)

 <XAxis 
  dataKey="day" 
  scale="time" 
  type="number" 
  domain={['dataMin', 'dataMax']} 
  tickFormatter={(t)=> moment.unix(t).format(format)} 
  interval={timeType === 'month' ? 0 : 1} 
/>
  

Это работает — но когда у меня есть такой же точный код в моей гистограмме, столбцы не отображаются?

Это ошибка или есть причина, по которой это происходит?

Ответ №1:

Для тех из вас, кто сталкивается с этой проблемой, есть способ обойти это — вы можете превратить даты xAxis, которые вы получаете для данных, в штамп unix, а затем отсортировать ваши данные по дате и установить ее равной вашим данным.

Пример:

resultData = resultData.sort((a, b) => new Date(a.time) - new Date(b.time));