diff --git a/ts/graphs/GraphsPage.svelte b/ts/graphs/GraphsPage.svelte
index 588995f1d..48fcf9947 100644
--- a/ts/graphs/GraphsPage.svelte
+++ b/ts/graphs/GraphsPage.svelte
@@ -12,10 +12,11 @@
     export let graphs: any[];
 
     export let search: string;
-    export let days: number;
+    export let revlogRange: RevlogRange;
     export let withRangeBox: boolean;
 
     let sourceData: pb.BackendProto.GraphsOut | null = null;
+    let days;
 
     enum SearchRange {
         Deck = 1,
@@ -24,7 +25,6 @@
     }
 
     let searchRange: SearchRange = SearchRange.Deck;
-    let revlogRange: RevlogRange = RevlogRange.Year;
     let refreshing = false;
 
     let displayedSearch = search;
diff --git a/ts/graphs/bootstrap.ts b/ts/graphs/bootstrap.ts
index 86ecc42d6..6d6271e60 100644
--- a/ts/graphs/bootstrap.ts
+++ b/ts/graphs/bootstrap.ts
@@ -4,6 +4,7 @@
 import { setupI18n } from "anki/i18n";
 import GraphsPage from "./GraphsPage.svelte";
 import { checkNightMode } from "anki/nightmode";
+import { RevlogRange } from "./graph-helpers";
 
 export { default as IntervalsGraph } from "./IntervalsGraph.svelte";
 export { default as EaseGraph } from "./EaseGraph.svelte";
@@ -15,12 +16,13 @@ export { default as HourGraph } from "./HourGraph.svelte";
 export { default as FutureDue } from "./FutureDue.svelte";
 export { default as ReviewsGraph } from "./ReviewsGraph.svelte";
 export { default as CalendarGraph } from "./CalendarGraph.svelte";
+export { RevlogRange } from "./graph-helpers";
 
 export function graphs(
     target: HTMLDivElement,
     graphs: any[], {
         search = "deck:current",
-        days = 31,
+        revlogRange = RevlogRange.Year,
         withRangeBox = true,
     } = {},
 ): void {
@@ -34,7 +36,7 @@ export function graphs(
                 graphs,
                 nightMode,
                 search,
-                days,
+                revlogRange,
                 withRangeBox,
             },
         });