From 6d12912dd0f5bfa921310e6ed30b887d390630e2 Mon Sep 17 00:00:00 2001
From: hackerESQ <corey@coreyvarma.com>
Date: Tue, 6 Aug 2024 23:30:11 -0500
Subject: [PATCH] add percentage to y-axis tooltip

---
 resources/views/components/ib-apex-chart.blade.php | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/resources/views/components/ib-apex-chart.blade.php b/resources/views/components/ib-apex-chart.blade.php
index a197862..b2e2a4f 100644
--- a/resources/views/components/ib-apex-chart.blade.php
+++ b/resources/views/components/ib-apex-chart.blade.php
@@ -69,6 +69,7 @@
       'legend' => [
         'show' => false,
       ],
+      
     ], $seriesData);
     $seriesData = json_encode($seriesData)
 @endphp
@@ -89,6 +90,18 @@
                 }
             }
 
+            this.data.tooltip = {
+                enabled: true,
+                y: {
+                    formatter: (value, { series, seriesIndex, dataPointIndex, w }) => {
+                    
+                        const firstDataPoint = this.data.series[seriesIndex].data[1][1]
+                        const percentageChange = ((value - firstDataPoint) / firstDataPoint) * 100;
+                        return `${value} (${percentageChange.toFixed(2)}%)`;
+                    }
+                },
+            }
+
             var chart = new ApexCharts(document.querySelector('#chart-{{ $name }}'), this.data);
 
             chart.render();