mirror of
https://github.com/freqtrade/frequi.git
synced 2024-09-21 10:01:09 +00:00
Improve and simplify Backtest-result layout
This commit is contained in:
parent
922ce7561f
commit
6443b27068
|
@ -1,12 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="container-fluid px-0 backtestresult-container">
|
<div class="px-0 mw-100">
|
||||||
<div class="row d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<h3>Backtest-result for {{ backtestResult.strategy_name }}</h3>
|
<h3>Backtest-result for {{ backtestResult.strategy_name }}</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row text-start ms-0">
|
<div class="d-flex flex-column text-start ms-0 me-2 gap-2">
|
||||||
<div class="row w-100">
|
<div class="d-flex flex-column flex-xl-row justify-content-center">
|
||||||
<div class="col-12 col-xl-6 px-0 px-xl-0 pe-xl-1">
|
<div class="px-0 px-xl-0 pe-xl-1">
|
||||||
<b-card header="Strategy settings">
|
<b-card header="Strategy settings">
|
||||||
<b-table
|
<b-table
|
||||||
small
|
small
|
||||||
|
@ -17,14 +17,14 @@
|
||||||
</b-table>
|
</b-table>
|
||||||
</b-card>
|
</b-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-xl-6 px-0 px-xl-0 pt-2 pt-xl-0 ps-xl-1">
|
<div class="px-0 px-xl-0 pt-2 pt-xl-0 ps-xl-1">
|
||||||
<b-card header="Metrics">
|
<b-card header="Metrics">
|
||||||
<b-table small borderless :items="backtestResultStats" :fields="backtestResultFields">
|
<b-table small borderless :items="backtestResultStats" :fields="backtestResultFields">
|
||||||
</b-table>
|
</b-table>
|
||||||
</b-card>
|
</b-card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<b-card header="Results per Exit-reason" class="row mt-2 w-100">
|
<b-card header="Results per Exit-reason">
|
||||||
<b-table
|
<b-table
|
||||||
small
|
small
|
||||||
hover
|
hover
|
||||||
|
@ -37,7 +37,7 @@
|
||||||
>
|
>
|
||||||
</b-table>
|
</b-table>
|
||||||
</b-card>
|
</b-card>
|
||||||
<b-card header="Results per pair" class="row mt-2 w-100">
|
<b-card header="Results per pair">
|
||||||
<b-table
|
<b-table
|
||||||
small
|
small
|
||||||
hover
|
hover
|
||||||
|
@ -47,18 +47,13 @@
|
||||||
>
|
>
|
||||||
</b-table>
|
</b-table>
|
||||||
</b-card>
|
</b-card>
|
||||||
<b-card
|
<b-card v-if="backtestResult.periodic_breakdown" header="Periodic breakdown">
|
||||||
v-if="backtestResult.periodic_breakdown"
|
|
||||||
header="Periodic breakdown"
|
|
||||||
class="row mt-2 w-100"
|
|
||||||
>
|
|
||||||
<BacktestResultPeriodBreakdown :periodic-breakdown="backtestResult.periodic_breakdown">
|
<BacktestResultPeriodBreakdown :periodic-breakdown="backtestResult.periodic_breakdown">
|
||||||
</BacktestResultPeriodBreakdown>
|
</BacktestResultPeriodBreakdown>
|
||||||
</b-card>
|
</b-card>
|
||||||
|
|
||||||
<b-card header="Single trades" class="row mt-2 w-100">
|
<b-card header="Single trades">
|
||||||
<TradeList
|
<TradeList
|
||||||
class="row trade-history mt-2 w-100"
|
|
||||||
:trades="backtestResult.trades"
|
:trades="backtestResult.trades"
|
||||||
:show-filter="true"
|
:show-filter="true"
|
||||||
:stake-currency="backtestResult.stake_currency"
|
:stake-currency="backtestResult.stake_currency"
|
||||||
|
@ -437,10 +432,4 @@ const backtestsettingFields: TableField[] = [
|
||||||
];
|
];
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped></style>
|
||||||
.backtestresult-container {
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
max-width: 1200px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="d-flex flex-column pt-1 me-1" style="max-height: calc(100vh - 60px)">
|
<div class="d-flex flex-column pt-1 me-1" style="height: calc(100vh - 60px)">
|
||||||
<div>
|
<div>
|
||||||
<div class="d-flex flex-row">
|
<div class="d-flex flex-row">
|
||||||
<h2 class="ms-5">Backtesting</h2>
|
<h2 class="ms-5">Backtesting</h2>
|
||||||
|
@ -93,7 +93,7 @@
|
||||||
</transition>
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
<!-- End Left bar -->
|
<!-- End Left bar -->
|
||||||
<div class="d-flex flex-column overflow-auto flex-fill">
|
<div class="d-flex flex-column flex-fill mw-100">
|
||||||
<div class="d-md-flex">
|
<div class="d-md-flex">
|
||||||
<div
|
<div
|
||||||
v-if="btFormMode == 'historicResults'"
|
v-if="btFormMode == 'historicResults'"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user