diff --git a/backend/controllers/falukantController.js b/backend/controllers/falukantController.js
index a248c7a..bf84b07 100644
--- a/backend/controllers/falukantController.js
+++ b/backend/controllers/falukantController.js
@@ -56,6 +56,10 @@ class FalukantController {
             if (!page) page = 1;
             return this.service.moneyHistory(userId, page, filter);
         });
+        this.moneyHistoryGraph = this._wrapWithUser((userId, req) => {
+            const { range } = req.body || {};
+            return this.service.moneyHistoryGraph(userId, range || '24h');
+        });
         this.getStorage = this._wrapWithUser((userId, req) => this.service.getStorage(userId, req.params.branchId));
         this.buyStorage = this._wrapWithUser((userId, req) => {
             const { branchId, amount, stockTypeId } = req.body;
diff --git a/backend/routers/falukantRouter.js b/backend/routers/falukantRouter.js
index 8dc3aaa..618e20f 100644
--- a/backend/routers/falukantRouter.js
+++ b/backend/routers/falukantRouter.js
@@ -28,6 +28,7 @@ router.get('/inventory/?:branchId', falukantController.getInventory);
 router.post('/sell/all', falukantController.sellAllProducts);
 router.post('/sell', falukantController.sellProduct);
 router.post('/moneyhistory', falukantController.moneyHistory);
+router.post('/moneyhistory/graph', falukantController.moneyHistoryGraph);
 router.get('/storage/:branchId', falukantController.getStorage);
 router.post('/storage', falukantController.buyStorage);
 router.delete('/storage', falukantController.sellStorage);
diff --git a/backend/services/falukantService.js b/backend/services/falukantService.js
index db10ee8..a88a60c 100644
--- a/backend/services/falukantService.js
+++ b/backend/services/falukantService.js
@@ -1802,6 +1802,62 @@ class FalukantService extends BaseService {
         return { data: rows, total: count, currentPage: page, totalPages: Math.ceil(count / limit) };
     }
 
+    /**
+     * Geldverlauf für Graphenansicht.
+     * range: 'today' | '24h' | 'week' | 'month' | 'year' | 'all'
+     */
+    async moneyHistoryGraph(hashedUserId, range = '24h') {
+        const u = await getFalukantUserOrFail(hashedUserId);
+
+        const where = { falukantUserId: u.id };
+        const now = new Date();
+        let start = null;
+
+        switch (range) {
+            case 'today': {
+                start = new Date();
+                start.setHours(0, 0, 0, 0);
+                break;
+            }
+            case '24h': {
+                start = new Date(now.getTime() - 24 * 60 * 60 * 1000);
+                break;
+            }
+            case 'week': {
+                start = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000);
+                break;
+            }
+            case 'month': {
+                start = new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000);
+                break;
+            }
+            case 'year': {
+                start = new Date(now.getTime() - 365 * 24 * 60 * 60 * 1000);
+                break;
+            }
+            case 'all':
+            default:
+                start = null;
+        }
+
+        if (start) {
+            where.time = { [Op.gte]: start };
+        }
+
+        const rows = await MoneyFlow.findAll({
+            where,
+            order: [['time', 'ASC']]
+        });
+
+        return rows.map(r => ({
+            time: r.time,
+            moneyBefore: r.moneyBefore,
+            moneyAfter: r.moneyAfter,
+            changeValue: r.changeValue,
+            activity: r.activity
+        }));
+    }
+
     async getStorage(hashedUserId, branchId) {
         const user = await getFalukantUserOrFail(hashedUserId);
         const branch = await getBranchOrFail(user.id, branchId);
diff --git a/frontend/src/dialogues/falukant/MoneyHistoryGraphDialog.vue b/frontend/src/dialogues/falukant/MoneyHistoryGraphDialog.vue
new file mode 100644
index 0000000..c3ce6ba
--- /dev/null
+++ b/frontend/src/dialogues/falukant/MoneyHistoryGraphDialog.vue
@@ -0,0 +1,150 @@
+<template>
+  <DialogWidget
+    ref="dialog"
+    :title="$t('falukant.moneyHistory.graph.title')"
+    :isTitleTranslated="true"
+    :show-close="true"
+    :buttons="[{ text: 'message.close', action: 'close' }]"
+    :modal="true"
+    width="600px"
+    height="400px"
+    name="MoneyHistoryGraphDialog"
+  >
+    <div class="graph-content">
+      <div class="graph-controls">
+        <label>
+          {{ $t('falukant.moneyHistory.graph.range.label') }}
+          <select v-model="graphRange" @change="loadGraphData">
+            <option value="today">{{ $t('falukant.moneyHistory.graph.range.today') }}</option>
+            <option value="24h">{{ $t('falukant.moneyHistory.graph.range.24h') }}</option>
+            <option value="week">{{ $t('falukant.moneyHistory.graph.range.week') }}</option>
+            <option value="month">{{ $t('falukant.moneyHistory.graph.range.month') }}</option>
+            <option value="year">{{ $t('falukant.moneyHistory.graph.range.year') }}</option>
+            <option value="all">{{ $t('falukant.moneyHistory.graph.range.all') }}</option>
+          </select>
+        </label>
+      </div>
+
+      <div v-if="graphLoading" class="graph-loading">
+        {{ $t('falukant.moneyHistory.graph.loading') }}
+      </div>
+      <div v-else-if="!graphData.length" class="graph-no-data">
+        {{ $t('falukant.moneyHistory.graph.noData') }}
+      </div>
+      <div v-else class="graph-container">
+        <svg viewBox="0 0 100 40" preserveAspectRatio="none" class="graph-svg">
+          <polyline
+            :points="graphPolylinePoints"
+            fill="none"
+            stroke="#F9A22C"
+            stroke-width="0.7"
+          />
+        </svg>
+      </div>
+    </div>
+  </DialogWidget>
+</template>
+
+<script>
+import DialogWidget from '@/components/DialogWidget.vue'
+import apiClient from '@/utils/axios.js'
+
+export default {
+  name: 'MoneyHistoryGraphDialog',
+  components: {
+    DialogWidget,
+  },
+  data() {
+    return {
+      graphRange: '24h',
+      graphData: [],
+      graphLoading: false,
+    }
+  },
+  computed: {
+    graphPolylinePoints() {
+      if (!this.graphData.length) return ''
+      const xs = this.graphData.map(d => new Date(d.time).getTime())
+      const ys = this.graphData.map(d => {
+        if (d.moneyAfter != null) return Number(d.moneyAfter)
+        if (d.moneyBefore != null) return Number(d.moneyBefore)
+        return 0
+      })
+      const minX = Math.min(...xs)
+      const maxX = Math.max(...xs)
+      const minY = Math.min(...ys)
+      const maxY = Math.max(...ys)
+      const spanX = maxX - minX || 1
+      const spanY = maxY - minY || 1
+
+      return xs.map((x, i) => {
+        const normX = ((x - minX) / spanX) * 100
+        const normY = 40 - ((ys[i] - minY) / spanY) * 35 - 2 // etwas Rand oben/unten
+        return `${normX.toFixed(2)},${normY.toFixed(2)}`
+      }).join(' ')
+    },
+  },
+  methods: {
+    open() {
+      this.$refs.dialog.open()
+      this.loadGraphData()
+    },
+    async loadGraphData() {
+      this.graphLoading = true
+      try {
+        const response = await apiClient.post('/api/falukant/moneyhistory/graph', {
+          range: this.graphRange,
+        })
+        this.graphData = Array.isArray(response.data) ? response.data : []
+      } catch (error) {
+        console.error('Error loading money history graph data:', error)
+        this.graphData = []
+      } finally {
+        this.graphLoading = false
+      }
+    },
+  },
+}
+</script>
+
+<style scoped>
+.graph-content {
+  padding: 0.5rem;
+}
+
+.graph-controls {
+  margin-bottom: 1rem;
+}
+
+.graph-controls label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.graph-controls select {
+  padding: 0.5rem;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.graph-container {
+  width: 100%;
+  height: 220px;
+  margin-top: 1rem;
+}
+
+.graph-svg {
+  width: 100%;
+  height: 100%;
+  background: #fdf1db;
+  border-radius: 4px;
+}
+
+.graph-loading,
+.graph-no-data {
+  margin: 1rem 0;
+  text-align: center;
+  color: #666;
+}
+</style>
diff --git a/frontend/src/i18n/locales/de/falukant.json b/frontend/src/i18n/locales/de/falukant.json
index ee61a6b..00bceb1 100644
--- a/frontend/src/i18n/locales/de/falukant.json
+++ b/frontend/src/i18n/locales/de/falukant.json
@@ -581,6 +581,22 @@
             "time": "Zeit",
             "prev": "Zurück",
             "next": "Weiter",
+            "graph": {
+                "open": "Verlauf anzeigen",
+                "title": "Geldentwicklung",
+                "close": "Schließen",
+                "loading": "Lade Verlauf...",
+                "noData": "Für den gewählten Zeitraum liegen keine Buchungen vor.",
+                "range": {
+                    "label": "Zeitraum",
+                    "today": "Heute",
+                    "24h": "Letzte 24 Stunden",
+                    "week": "Letzte Woche",
+                    "month": "Letzter Monat",
+                    "year": "Letztes Jahr",
+                    "all": "Gesamter Verlauf"
+                }
+            },
             "activities": {
                 "Product sale": "Produkte verkauft",
                 "Production cost": "Produktionskosten",
diff --git a/frontend/src/i18n/locales/en/falukant.json b/frontend/src/i18n/locales/en/falukant.json
index 88dcf8c..afe0335 100644
--- a/frontend/src/i18n/locales/en/falukant.json
+++ b/frontend/src/i18n/locales/en/falukant.json
@@ -111,6 +111,22 @@
             "time": "Time",
             "prev": "Previous",
             "next": "Next",
+            "graph": {
+                "open": "Show graph",
+                "title": "Money over time",
+                "close": "Close",
+                "loading": "Loading history...",
+                "noData": "No entries for the selected period.",
+                "range": {
+                    "label": "Range",
+                    "today": "Today",
+                    "24h": "Last 24 hours",
+                    "week": "Last week",
+                    "month": "Last month",
+                    "year": "Last year",
+                    "all": "All history"
+                }
+            },
             "activities": {
                 "Product sale": "Product sale",
                 "Production cost": "Production cost",
diff --git a/frontend/src/views/falukant/MoneyHistoryView.vue b/frontend/src/views/falukant/MoneyHistoryView.vue
index fda9101..bc939ad 100644
--- a/frontend/src/views/falukant/MoneyHistoryView.vue
+++ b/frontend/src/views/falukant/MoneyHistoryView.vue
@@ -9,6 +9,12 @@
       <button @click="fetchMoneyHistory(1)">{{ $t('falukant.moneyHistory.search') }}</button>
     </div>
 
+    <div class="graph-section">
+      <button @click="openGraphDialog">
+        {{ $t('falukant.moneyHistory.graph.open') }}
+      </button>
+    </div>
+
     <table>
       <thead>
         <tr>
@@ -42,17 +48,21 @@
         {{ $t('falukant.moneyHistory.next') }}
       </button>
     </div>
+
+    <MoneyHistoryGraphDialog ref="graphDialog" />
   </div>
 </template>
 
 <script>
 import StatusBar from '@/components/falukant/StatusBar.vue'
+import MoneyHistoryGraphDialog from '@/dialogues/falukant/MoneyHistoryGraphDialog.vue'
 import apiClient from '@/utils/axios.js';
 
 export default {
   name: 'MoneyHistoryView',
   components: {
     StatusBar,
+    MoneyHistoryGraphDialog,
   },
   computed: {
     locale() {
@@ -97,6 +107,9 @@ export default {
       }
       return translation !== key ? translation : activity;
     },
+    openGraphDialog() {
+      this.$refs.graphDialog.open();
+    },
   },
 };
 </script>
@@ -106,6 +119,10 @@ export default {
   margin-bottom: 1rem;
 }
 
+.graph-section {
+  margin-bottom: 1rem;
+}
+
 table {
   width: 100%;
   border-collapse: collapse;