From 2d99e96df3f4d7528ffcb683751ee3ac8c9ec352 Mon Sep 17 00:00:00 2001
From: andrewlalis <andrewlalisofficial@gmail.com>
Date: Tue, 2 Dec 2025 20:15:19 -0500
Subject: [PATCH] Added chart type selector.

---
 web-app/src/pages/home/AnalyticsModule.vue | 27 +++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/web-app/src/pages/home/AnalyticsModule.vue b/web-app/src/pages/home/AnalyticsModule.vue
index e91a121..d3cf23b 100644
--- a/web-app/src/pages/home/AnalyticsModule.vue
+++ b/web-app/src/pages/home/AnalyticsModule.vue
@@ -19,6 +19,17 @@ const balanceTimeSeriesData = ref<BalanceTimeSeriesAnalytics>()
 const currency = ref<Currency>()
 const timeFrame = ref<TimeFrame>({})
 
+interface AnalyticsChartType {
+  id: string
+  name: string
+}
+
+const AnalyticsChartTypes: AnalyticsChartType[] = [
+  { id: 'balance-time-series', name: 'Account Balances' },
+]
+
+const selectedChart = ref<AnalyticsChartType>(AnalyticsChartTypes[0])
+
 const availableCurrencies = computed(() => {
   const currencies: Currency[] = []
   for (const acc of accounts.value) {
@@ -64,9 +75,19 @@ onMounted(async () => {
 })
 </script>
 <template>
-  <HomeModule title="Analytics">
-    <BalanceTimeSeriesChart v-if="currency && balanceTimeSeriesData" title="Account Balances" :currency="currency"
-      :time-frame="timeFrame" :data="accountBalancesData" />
+  <HomeModule title="Analytics" style="max-width: 800px;">
+    <FormGroup>
+      <FormControl label="Chart">
+        <select v-model="selectedChart">
+          <option v-for="ct in AnalyticsChartTypes" :key="ct.id" :value="ct">
+            {{ ct.name }}
+          </option>
+        </select>
+      </FormControl>
+    </FormGroup>
+
+    <BalanceTimeSeriesChart v-if="currency && balanceTimeSeriesData && selectedChart.id === 'balance-time-series'"
+      title="Account Balances" :currency="currency" :time-frame="timeFrame" :data="accountBalancesData" />
 
     <FormGroup>
       <FormControl label="Currency">