Render correct tooltip label.

This commit is contained in:
Mike Cao 2024-05-24 19:44:50 -07:00
parent a5337a0734
commit 154b559315
2 changed files with 13 additions and 3 deletions

View file

@ -25,8 +25,16 @@ export function WebsiteChart({
if (compare) {
result['compare'] = {
pageviews: result.pageviews.map(({ x }, i) => ({ x, y: compare.pageviews[i].y })),
sessions: result.sessions.map(({ x }, i) => ({ x, y: compare.sessions[i].y })),
pageviews: result.pageviews.map(({ x }, i) => ({
x,
y: compare.pageviews[i].y,
d: compare.pageviews[i].x,
})),
sessions: result.sessions.map(({ x }, i) => ({
x,
y: compare.sessions[i].y,
d: compare.pageviews[i].x,
})),
};
}

View file

@ -21,7 +21,9 @@ export default function BarChartTooltip({ tooltip, unit }) {
return (
<Flexbox direction="column" gap={10}>
<div>{formatDate(new Date(dataPoints[0].raw.x), formats[unit], locale)}</div>
<div>
{formatDate(new Date(dataPoints[0].raw.d || dataPoints[0].raw.x), formats[unit], locale)}
</div>
<div>
<StatusLight color={labelColors?.[0]?.backgroundColor}>
{formatLongNumber(dataPoints[0].raw.y)} {dataPoints[0].dataset.label}