diff --git a/web/components/analytics/charts.tsx b/web/components/analytics/charts.tsx index 47e5b203..4bf8d52b 100644 --- a/web/components/analytics/charts.tsx +++ b/web/components/analytics/charts.tsx @@ -21,9 +21,11 @@ export function DailyCountChart(props: { })) const data = [{ id: 'Count', data: points, color: '#11b981' }] + const bottomAxisTicks = width && width < 600 ? 6 : undefined + return (
= 800) ? 400 : 250 }} > dayjs(date).format('MMM DD'), }} colors={{ datum: 'color' }} @@ -66,9 +69,11 @@ export function DailyPercentChart(props: { })) const data = [{ id: 'Percent', data: points, color: '#11b981' }] + const bottomAxisTicks = width && width < 600 ? 6 : undefined + return (
= 800) ? 400 : 250 }} > `${value}%`, }} axisBottom={{ + tickValues: bottomAxisTicks, format: (date) => dayjs(date).format('MMM DD'), }} colors={{ datum: 'color' }} diff --git a/web/pages/analytics.tsx b/web/pages/analytics.tsx index 3201cd37..f7aac21b 100644 --- a/web/pages/analytics.tsx +++ b/web/pages/analytics.tsx @@ -153,7 +153,7 @@ export function CustomAnalytics(props: { weekOnWeekRetention, } = props return ( - + <p className="text-gray-500"> An active user is a user who has traded in, commented on, or created a