diff options
| author | Georgios Andreadis <info@gandreadis.com> | 2020-07-22 11:40:01 +0200 |
|---|---|---|
| committer | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2020-08-24 19:48:17 +0200 |
| commit | 0d7889c23d407f6c0cd3db4020989ce8a5f8063a (patch) | |
| tree | 1feb3606473a94fafe7d999a99c1457781a12c00 /frontend/src/components/app/results/PortfolioResultsComponent.js | |
| parent | 3c03c08f996c1cd2bc26bac7bb72a5e61cad6338 (diff) | |
Fix polling and upgrade bootstrap
Diffstat (limited to 'frontend/src/components/app/results/PortfolioResultsComponent.js')
| -rw-r--r-- | frontend/src/components/app/results/PortfolioResultsComponent.js | 28 |
1 files changed, 17 insertions, 11 deletions
diff --git a/frontend/src/components/app/results/PortfolioResultsComponent.js b/frontend/src/components/app/results/PortfolioResultsComponent.js index e9b33777..286dd48c 100644 --- a/frontend/src/components/app/results/PortfolioResultsComponent.js +++ b/frontend/src/components/app/results/PortfolioResultsComponent.js @@ -54,18 +54,24 @@ const PortfolioResultsComponent = ({ portfolio, scenarios }) => { <div className="col-6 mb-2" key={metric}> <h4>{METRIC_NAMES[metric]}</h4> <ResponsiveContainer aspect={16 / 9} width="100%"> - <ComposedChart data={dataPerMetric[metric]} margin={{ bottom: 15 }} layout="vertical" animationDUration={0}> - <CartesianGrid strokeDasharray="3 3"/> - <XAxis tickFormatter={(tick) => approx(tick)} - label={{ value: METRIC_UNITS[metric], position: 'bottom', offset: 0 }} - type="number"/> - <YAxis dataKey="name" type="category"/> - <Bar dataKey="value" fill="#3399FF"/> - <Scatter dataKey="value" opacity={0}> - <ErrorBar dataKey="errorX" width={10} strokeWidth={3} stroke="#FF6600" - direction="x"/> + <ComposedChart data={dataPerMetric[metric]} margin={{ bottom: 15 }} layout="vertical"> + <CartesianGrid strokeDasharray="3 3" /> + <XAxis + tickFormatter={(tick) => approx(tick)} + label={{ value: METRIC_UNITS[metric], position: 'bottom', offset: 0 }} + type="number" + /> + <YAxis dataKey="name" type="category" /> + <Bar dataKey="value" fill="#3399FF" isAnimationActive={false} /> + <Scatter dataKey="value" opacity={0} isAnimationActive={false}> + <ErrorBar + dataKey="errorX" + width={10} + strokeWidth={3} + stroke="#FF6600" + direction="x" + /> </Scatter> - </ComposedChart> </ResponsiveContainer> </div> |