Я пытаюсь нарисовать график с помощью Victory Chart, а значения главной оси - это даты, полученные из базы данных. Я определяю свою основную ось, как показано ниже
<VictoryAxis
// main axis styles
scale={{x: 'time'}}
style={{
tickLabels: {
fontSize: 12,
fontFamily: 'Nunito',
fontWeight: 'bold',
},
}}
tickCount={6}
// define the format of the main axis dates
tickFormat={(x) => {
const dateObj = new Date(x);
const year = dateObj.getFullYear().toString().substr(-2);
const month = dateObj.toLocaleString('fr-fr', { month: '2-digit' });
return `${month}/${year}`;
}}
fixLabelOverlap={true}
/>
Данные определяются следующим образом:
<VictoryLine
interpolation="monotoneX"
labelComponent={(
<VictoryTooltip
style={{
fontSize: 10,
fontWeight: 'bold',
}}
flyoutStyle={{
stroke: 'tomato',
strokeWidth: 0,
fill: '#f87268',
}}
/>
)}
style={{
data: { stroke: '#f87268' },
parent: {
border: '1px solid #ccc',
fontFamily: 'Nunito',
},
}}
domain={{
y: [0, 10]
}}
data={petWeight.map((item) => {
if (item.weightDate && item.weightValue) {
return { x: new Date(item.weightDate), y: item.weightValue };
}
})}
animate={{
duration: 1500,
onLoad: { duration: 1000 },
}}
/>
Я хочу удалить дубликаты дат по оси x, я прочитал документацию, но не смог найти решение. Как я могу это сделать ?