#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));