diff --git a/ts/src/stats/AddedGraph.svelte b/ts/src/stats/AddedGraph.svelte
index 6ed94776d..4c7ce7f17 100644
--- a/ts/src/stats/AddedGraph.svelte
+++ b/ts/src/stats/AddedGraph.svelte
@@ -1,4 +1,5 @@
 <script lang="typescript">
+    import { RevlogRange } from "./graphs";
     import { timeSpan, MONTH, YEAR } from "../time";
     import { I18n } from "../i18n";
     import { HistogramData } from "./histogram-graph";
@@ -8,10 +9,23 @@
 
     export let sourceData: pb.BackendProto.GraphsOut | null = null;
     export let i18n: I18n;
+    export let revlogRange: RevlogRange;
 
     let svg = null as HTMLElement | SVGElement | null;
     let histogramData = null as HistogramData | null;
-    let range = AddedRange.Month;
+    let range: AddedRange;
+
+    $: switch (revlogRange as RevlogRange) {
+        case RevlogRange.Month:
+            range = AddedRange.Month;
+            break;
+        case RevlogRange.Year:
+            range = AddedRange.Year;
+            break;
+        case RevlogRange.All:
+            range = AddedRange.AllTime;
+            break;
+    }
 
     let addedData: GraphData | null = null;
     $: if (sourceData) {
diff --git a/ts/src/stats/FutureDue.svelte b/ts/src/stats/FutureDue.svelte
index 79cb24937..8c9e0e93b 100644
--- a/ts/src/stats/FutureDue.svelte
+++ b/ts/src/stats/FutureDue.svelte
@@ -2,7 +2,7 @@
     import { timeSpan, MONTH, YEAR } from "../time";
     import { I18n } from "../i18n";
     import { HistogramData } from "./histogram-graph";
-    import { defaultGraphBounds } from "./graphs";
+    import { defaultGraphBounds, RevlogRange } from "./graphs";
     import {
         gatherData,
         renderFutureDue,
@@ -15,12 +15,25 @@
 
     export let sourceData: pb.BackendProto.GraphsOut | null = null;
     export let i18n: I18n;
+    export let revlogRange: RevlogRange;
 
     let graphData = null as GraphData | null;
     let histogramData = null as HistogramData | null;
     let backlog: boolean = true;
     let svg = null as HTMLElement | SVGElement | null;
-    let range = FutureDueRange.Month;
+    let range: FutureDueRange;
+
+    $: switch (revlogRange as RevlogRange) {
+        case RevlogRange.Month:
+            range = FutureDueRange.Month;
+            break;
+        case RevlogRange.Year:
+            range = FutureDueRange.Year;
+            break;
+        case RevlogRange.All:
+            range = FutureDueRange.AllTime;
+            break;
+    }
 
     $: if (sourceData) {
         graphData = gatherData(sourceData);
diff --git a/ts/src/stats/GraphsPage.svelte b/ts/src/stats/GraphsPage.svelte
index edadd241b..a77fb2c39 100644
--- a/ts/src/stats/GraphsPage.svelte
+++ b/ts/src/stats/GraphsPage.svelte
@@ -141,10 +141,10 @@
 
 <TodayStats {sourceData} {i18n} />
 <CardCounts {sourceData} {i18n} />
-<FutureDue {sourceData} {i18n} />
+<FutureDue {sourceData} {revlogRange} {i18n} />
 <ReviewsGraph {sourceData} {revlogRange} {i18n} />
 <IntervalsGraph {sourceData} {i18n} />
 <EaseGraph {sourceData} {i18n} />
 <HourGraph {sourceData} {i18n} />
 <ButtonsGraph {sourceData} {i18n} />
-<AddedGraph {sourceData} {i18n} />
+<AddedGraph {sourceData} {revlogRange} {i18n} />