fix(dashboard): show tooltips in line chart

animhotep · Jan 31, 2024 · 6591e3e · 6591e3e
1 parent 2dc50ca
commit 6591e3e
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/pages/admin/dashboard/cards/MonthlyEarnings.vue b/src/pages/admin/dashboard/cards/MonthlyEarnings.vue
@@ -27,10 +27,11 @@ import { VaCard } from 'vuestic-ui'
 import VaChart from '../../../../components/va-charts/VaChart.vue'
 import { useChartData } from '../../../../data/charts/composables/useChartData'
 import { lineChartData } from '../../../../data/charts/lineChartData'
+import { ChartOptions } from 'chart.js'
 
 const chartData = useChartData(lineChartData)
 
-const options = {
+const options: ChartOptions<'line'> = {
   scales: {
     x: {
       display: false,
@@ -48,10 +49,17 @@ const options = {
       },
     },
   },
+  interaction: {
+    intersect: false,
+    mode: 'index',
+  },
   plugins: {
     legend: {
       display: false,
     },
+    tooltip: {
+      enabled: true,
+    },
   },
 }
 </script>