I've set graph to display, default date range:
https://ibb.co/7SM2G8n
Changed date range 3M back
https://ibb.co/Rcx67vJ
and as you can see the red plot area seems to be broken.
When I console log the data behind it, it seems to be fine
What's interesting when I would set the graph to display with 3M interval at first it would display properly
That's how my plot area looks like:
Code: Select all
const plotArea = useMemo(() => {
return [
...plotAreaData.map((data) => ({
type: 'area',
marker: {
enabled: false,
},
data: showPlotArea
? [
{ x: data.start, y: data.goal },
{ x: data.end, y: data.goal },
{ x: data.end, y: minY },
{ x: data.start, y: minY },
]
: [],
color: 'red',
showInLegend: false,
enableMouseTracking: false,
})),
] as SeriesOptionsType[];
}, [plotAreaData, minY, showPlotArea]);