diff options
| author | Georgios Andreadis <info@gandreadis.com> | 2020-07-21 15:50:20 +0200 |
|---|---|---|
| committer | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2020-08-24 19:48:16 +0200 |
| commit | 2ed4052162e2fcfa49f55cdd7f77cc2595526169 (patch) | |
| tree | bf8796c94a2f17e048652633336ae117ef9a9f5e /frontend/src/components/app/results | |
| parent | 912e1b96bfa7d6c022d854fa744f719b49ca98d0 (diff) | |
Fix overflow and rearrange
Diffstat (limited to 'frontend/src/components/app/results')
| -rw-r--r-- | frontend/src/components/app/results/PortfolioResultsComponent.js | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/frontend/src/components/app/results/PortfolioResultsComponent.js b/frontend/src/components/app/results/PortfolioResultsComponent.js index 8c778098..a5c33f47 100644 --- a/frontend/src/components/app/results/PortfolioResultsComponent.js +++ b/frontend/src/components/app/results/PortfolioResultsComponent.js @@ -46,21 +46,21 @@ const PortfolioResultsComponent = ({ portfolio, scenarios }) => { }) return ( - <div> + <div className="full-height" style={{ overflowY: 'scroll', overflowX: 'hidden' }}> <h1>Portfolio: {portfolio.name}</h1> <p>Repeats per Scenario: {portfolio.targets.repeatsPerScenario}</p> <div className="row"> - {AVAILABLE_METRICS.map(metric => ( + {AVAILABLE_METRICS.map((metric) => ( <div className="col-6" key={metric}> <h4>{METRIC_NAMES[metric]}</h4> <ResponsiveContainer aspect={16 / 9} width="100%"> <BarChart data={dataPerMetric[metric]}> - <CartesianGrid strokeDasharray="3 3"/> - <XAxis dataKey="name"/> - <YAxis tickFormatter={tick => approx(tick)}/> - <Tooltip/> - <Bar dataKey="value" fill="#8884d8"/> - <ErrorBar dataKey="std" width={4} strokeWidth={2} stroke="blue" direction="y"/> + <CartesianGrid strokeDasharray="3 3" /> + <XAxis dataKey="name" /> + <YAxis tickFormatter={(tick) => approx(tick)} /> + <Tooltip /> + <Bar dataKey="value" fill="#8884d8" /> + <ErrorBar dataKey="std" width={4} strokeWidth={2} stroke="blue" direction="y" /> </BarChart> </ResponsiveContainer> </div> |