From 76d9fdeb4204f87ccc95a6f07d45fc8bdfd4ebfd Mon Sep 17 00:00:00 2001
From: Devin Cowan <dcowan@cuahsi.org>
Date: Fri, 26 Apr 2024 11:55:39 -0400
Subject: [PATCH] Disable color update issue in LineChart.vue

---
 frontend/src/components/LineChart.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/LineChart.vue b/frontend/src/components/LineChart.vue
index b5289b5..369e798 100644
--- a/frontend/src/components/LineChart.vue
+++ b/frontend/src/components/LineChart.vue
@@ -10,8 +10,8 @@
       <v-col>
         <v-btn @click="downloadChart()">
           <v-icon :icon="mdiDownloadBox"></v-icon>Download</v-btn>
-        <v-btn class="ma-2" :icon="mdiPalette" @click="updateChartColor()" size="small">
-        </v-btn>
+        <!-- <v-btn class="ma-2" :icon="mdiPalette" @click="updateChartColor()" size="small">
+        </v-btn> -->
       </v-col>
     </v-row>
   </v-container>
@@ -34,7 +34,7 @@ import { enUS } from 'date-fns/locale';
 import { useChartsStore } from '@/stores/charts'
 import { ref, onMounted } from 'vue'
 import { customCanvasBackgroundColor } from '@/_helpers/charts/plugins'
-import { mdiPalette, mdiDownloadBox } from '@mdi/js'
+// import { mdiPalette, mdiDownloadBox } from '@mdi/js'
 
 const chartStore = useChartsStore()
 const props = defineProps({ data: Object, chosenVariable: Object })
@@ -120,6 +120,7 @@ const updateChartColor = (color) => {
     dataset.borderColor = color
     dataset.backgroundColor = color
   })
+  // TODO: for some reasone the chart gets clobbered when updating the color
   line.value.chart.update()
 }