From eb0e0a3bc557c05a70eead388797ab850ea87366 Mon Sep 17 00:00:00 2001
From: Koen Teuwen <32361020+Koen1999@users.noreply.github.com>
Date: Thu, 21 Oct 2021 13:43:36 +0200
Subject: feat(ui): Add tooltip to graphs in portfolio results

This change adds a tooltip to the graphs in the portfolio results, in order to
make it easier to read exact values from the graphs.
---
 .../src/components/app/results/PortfolioResultsComponent.js            | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'opendc-web/opendc-web-ui/src/components')

diff --git a/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResultsComponent.js b/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResultsComponent.js
index 759acd57..c0b16fee 100644
--- a/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResultsComponent.js
+++ b/opendc-web/opendc-web-ui/src/components/app/results/PortfolioResultsComponent.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Bar, CartesianGrid, ComposedChart, ErrorBar, ResponsiveContainer, Scatter, XAxis, YAxis } from 'recharts'
+import { Bar, CartesianGrid, ComposedChart, ErrorBar, ResponsiveContainer, Scatter, Tooltip, XAxis, YAxis } from 'recharts'
 import { AVAILABLE_METRICS, METRIC_NAMES_SHORT, METRIC_UNITS } from '../../../util/available-metrics'
 import { mean, std } from 'mathjs'
 import Shapes from '../../../shapes/index'
@@ -76,6 +76,7 @@ const PortfolioResultsComponent = ({ portfolio, scenarios }) => {
                                         direction="x"
                                     />
                                 </Scatter>
+                                <Tooltip/>
                             </ComposedChart>
                         </ResponsiveContainer>
                     </div>
-- 
cgit v1.2.3