mirror of
https://github.com/freqtrade/frequi.git
synced 2024-09-21 10:01:09 +00:00
Small improvements to backtest layout
This commit is contained in:
parent
b17382f04f
commit
e288167570
|
@ -1,122 +1,123 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="container-fluid">
|
||||||
<h2>Backtesting</h2>
|
<h2>Backtesting</h2>
|
||||||
<div class="row mx-5 d-flex flex-wrap justify-space-between mb-4">
|
<div class="container">
|
||||||
<b-form-radio v-model="btFormMode" name="bt-form-radios" button value="strategy"
|
<div class="row mx-5 d-flex flex-wrap justify-space-between mb-4">
|
||||||
>Select Strategy</b-form-radio
|
<b-form-radio
|
||||||
>
|
v-model="btFormMode"
|
||||||
<b-form-radio
|
name="bt-form-radios"
|
||||||
v-model="btFormMode"
|
button
|
||||||
name="bt-form-radios"
|
value="run"
|
||||||
button
|
:disabled="!canRunBacktest"
|
||||||
value="run"
|
>Run backtest</b-form-radio
|
||||||
:disabled="!canRunBacktest"
|
>
|
||||||
>Run backtest</b-form-radio
|
<b-form-radio
|
||||||
>
|
v-model="btFormMode"
|
||||||
<b-form-radio
|
name="bt-form-radios"
|
||||||
v-model="btFormMode"
|
button
|
||||||
name="bt-form-radios"
|
value="results"
|
||||||
button
|
:disabled="!hasBacktestResult"
|
||||||
value="results"
|
>Analyze result</b-form-radio
|
||||||
:disabled="!hasBacktestResult"
|
>
|
||||||
>Analyze result</b-form-radio
|
<b-form-radio
|
||||||
>
|
v-model="btFormMode"
|
||||||
<b-form-radio
|
name="bt-form-radios"
|
||||||
v-model="btFormMode"
|
button
|
||||||
name="bt-form-radios"
|
value="visualize-summary"
|
||||||
button
|
:disabled="!hasBacktestResult"
|
||||||
value="visualize-summary"
|
>Visualize summary</b-form-radio
|
||||||
:disabled="!hasBacktestResult"
|
>
|
||||||
>Visualize summary</b-form-radio
|
<b-form-radio
|
||||||
>
|
v-model="btFormMode"
|
||||||
<b-form-radio
|
name="bt-form-radios"
|
||||||
v-model="btFormMode"
|
button
|
||||||
name="bt-form-radios"
|
value="visualize"
|
||||||
button
|
:disabled="!hasBacktestResult"
|
||||||
value="visualize"
|
>Visualize result</b-form-radio
|
||||||
:disabled="!hasBacktestResult"
|
|
||||||
>Visualize result</b-form-radio
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div v-if="btFormMode == 'strategy'" class="row">
|
|
||||||
<StrategyList v-model="strategy" show-details="true"></StrategyList>
|
|
||||||
</div>
|
|
||||||
<div v-if="btFormMode == 'run'" class="row">
|
|
||||||
<b-card bg-variant="light" class="w-60" :disabled="backtestRunning">
|
|
||||||
<b-form-group
|
|
||||||
label-cols-lg="2"
|
|
||||||
label="Backtest params"
|
|
||||||
label-size="sm"
|
|
||||||
label-class="font-weight-bold pt-0"
|
|
||||||
class="mb-0"
|
|
||||||
>
|
>
|
||||||
<b-form-group
|
|
||||||
label-cols-sm="5"
|
|
||||||
label="Timeframe:"
|
|
||||||
label-align-sm="right"
|
|
||||||
label-for="timeframeSelect"
|
|
||||||
>
|
|
||||||
<b-form-select
|
|
||||||
id="timeframe-select"
|
|
||||||
placeholder="Use strategy default"
|
|
||||||
:options="availableTimeframes"
|
|
||||||
></b-form-select>
|
|
||||||
</b-form-group>
|
|
||||||
|
|
||||||
<b-form-group
|
|
||||||
label-cols-sm="5"
|
|
||||||
label="Max open trades:"
|
|
||||||
label-align-sm="right"
|
|
||||||
label-for="max-open-trades"
|
|
||||||
>
|
|
||||||
<b-form-input
|
|
||||||
id="max-open-trades"
|
|
||||||
placeholder="Use strategy default"
|
|
||||||
type="number"
|
|
||||||
></b-form-input>
|
|
||||||
</b-form-group>
|
|
||||||
|
|
||||||
<b-form-group
|
|
||||||
label-cols-sm="5"
|
|
||||||
label="Stake amount:"
|
|
||||||
label-align-sm="right"
|
|
||||||
label-for="stake-amount"
|
|
||||||
>
|
|
||||||
<b-form-input
|
|
||||||
id="stake-amount"
|
|
||||||
type="number"
|
|
||||||
placeholder="Use strategy default"
|
|
||||||
step="0.01"
|
|
||||||
></b-form-input>
|
|
||||||
</b-form-group>
|
|
||||||
|
|
||||||
<b-form-group label-cols-sm="5" label="Fee:" label-align-sm="right" label-for="fee">
|
|
||||||
<b-form-input
|
|
||||||
id="fee"
|
|
||||||
type="number"
|
|
||||||
placeholder="Use exchange default"
|
|
||||||
step="0.01"
|
|
||||||
></b-form-input>
|
|
||||||
</b-form-group>
|
|
||||||
</b-form-group>
|
|
||||||
</b-card>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="btFormMode == 'run'" class="container">
|
|
||||||
<div class="row">
|
|
||||||
<TimeRangeSelect v-model="timerange"></TimeRangeSelect>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
|
||||||
<h3>Backtesting summary</h3>
|
<div v-if="btFormMode == 'strategy'" class="row"></div>
|
||||||
|
<div v-if="btFormMode == 'run'" class="row">
|
||||||
|
<StrategyList v-model="strategy"></StrategyList>
|
||||||
|
|
||||||
|
<b-card bg-variant="light" class="w-60" :disabled="backtestRunning">
|
||||||
|
<!-- Backtesting parameters -->
|
||||||
|
<b-form-group
|
||||||
|
label-cols-lg="2"
|
||||||
|
label="Backtest params"
|
||||||
|
label-size="sm"
|
||||||
|
label-class="font-weight-bold pt-0"
|
||||||
|
class="mb-0"
|
||||||
|
>
|
||||||
|
<b-form-group
|
||||||
|
label-cols-sm="5"
|
||||||
|
label="Timeframe:"
|
||||||
|
label-align-sm="right"
|
||||||
|
label-for="timeframeSelect"
|
||||||
|
>
|
||||||
|
<b-form-select
|
||||||
|
id="timeframe-select"
|
||||||
|
placeholder="Use strategy default"
|
||||||
|
:options="availableTimeframes"
|
||||||
|
></b-form-select>
|
||||||
|
</b-form-group>
|
||||||
|
|
||||||
|
<b-form-group
|
||||||
|
label-cols-sm="5"
|
||||||
|
label="Max open trades:"
|
||||||
|
label-align-sm="right"
|
||||||
|
label-for="max-open-trades"
|
||||||
|
>
|
||||||
|
<b-form-input
|
||||||
|
id="max-open-trades"
|
||||||
|
placeholder="Use strategy default"
|
||||||
|
type="number"
|
||||||
|
></b-form-input>
|
||||||
|
</b-form-group>
|
||||||
|
|
||||||
|
<b-form-group
|
||||||
|
label-cols-sm="5"
|
||||||
|
label="Stake amount:"
|
||||||
|
label-align-sm="right"
|
||||||
|
label-for="stake-amount"
|
||||||
|
>
|
||||||
|
<b-form-input
|
||||||
|
id="stake-amount"
|
||||||
|
type="number"
|
||||||
|
placeholder="Use strategy default"
|
||||||
|
step="0.01"
|
||||||
|
></b-form-input>
|
||||||
|
</b-form-group>
|
||||||
|
|
||||||
|
<b-form-group label-cols-sm="5" label="Fee:" label-align-sm="right" label-for="fee">
|
||||||
|
<b-form-input
|
||||||
|
id="fee"
|
||||||
|
type="number"
|
||||||
|
placeholder="Use exchange default"
|
||||||
|
step="0.01"
|
||||||
|
></b-form-input>
|
||||||
|
</b-form-group>
|
||||||
|
</b-form-group>
|
||||||
|
</b-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
|
||||||
<b-button variant="primary" :disabled="backtestRunning" @click="clickBacktest">
|
<div v-if="btFormMode == 'run'" class="container">
|
||||||
Start backtest
|
<div class="row">
|
||||||
</b-button>
|
<TimeRangeSelect v-model="timerange"></TimeRangeSelect>
|
||||||
<b-button variant="primary" :disabled="backtestRunning" @click="pollBacktest">
|
</div>
|
||||||
Load backtest result
|
<div class="row">
|
||||||
</b-button>
|
<h3>Backtesting summary</h3>
|
||||||
<b-button variant="primary" @click="removeBacktest">Reset Backtest</b-button>
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<b-button variant="primary" :disabled="backtestRunning" @click="clickBacktest">
|
||||||
|
Start backtest
|
||||||
|
</b-button>
|
||||||
|
<b-button variant="primary" :disabled="backtestRunning" @click="pollBacktest">
|
||||||
|
Load backtest result
|
||||||
|
</b-button>
|
||||||
|
<b-button variant="primary" @click="removeBacktest">Reset Backtest</b-button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="hasBacktestResult && btFormMode == 'results'" class="text-center w-100 mt-2">
|
<div v-if="hasBacktestResult && btFormMode == 'results'" class="text-center w-100 mt-2">
|
||||||
|
@ -204,7 +205,7 @@ export default class Backtesting extends Vue {
|
||||||
|
|
||||||
strategy = '';
|
strategy = '';
|
||||||
|
|
||||||
btFormMode = 'params';
|
btFormMode = 'run';
|
||||||
|
|
||||||
selectedPlotConfig: PlotConfig = getCustomPlotConfig(getPlotConfigName());
|
selectedPlotConfig: PlotConfig = getCustomPlotConfig(getPlotConfigName());
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user