Show only market gain on performance chart (#190)

(by default) Allow other options as a choice

resources/views/components/ui/apex-chart.blade.php

@@ -99,6 +99,7 @@
 
             this.data.tooltip = {
                 enabled: true,
+                shared: false,
                 y: {
                     formatter: (value, { series, seriesIndex, dataPointIndex, w }) => {
                         const firstDataPoint = this.data.series[seriesIndex].data[0][1]

resources/views/portfolio/portfolio-performance-chart.blade.php

@@ -75,26 +75,29 @@ new #[Lazy] class extends Component
 
         foreach ($dailyChange as $data) {
             $date = $data->date;
+            $marketGainData[] = [$date, round($data->total_market_gain, 2)];
             $marketValueData[] = [$date, round($data->total_market_value, 2)];
             $costBasisData[] = [$date, round($data->total_cost_basis, 2)];
-            $marketGainData[] = [$date, round($data->total_market_gain, 2)];
+
             // $dividendSeries[] = [$date, round($data->total_dividends_earned, 2)];
             // $realizedGainSeries[] = [$date, round($data->realized_gains, 2)];
         }
 
         return [
             'series' => [
+                [
+                    'name' => __('Market Gain'),
+                    'data' => $marketGainData,
+                ],
                 [
                     'name' => __('Market Value'),
                     'data' => $marketValueData,
+                    'hidden' => true,
                 ],
                 [
                     'name' => __('Cost Basis'),
                     'data' => $costBasisData,
-                ],
+                    'hidden' => true,
-                [
-                    'name' => __('Market Gain'),
-                    'data' => $marketGainData,
                 ],
 
                 // [