mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-24 03:55:15 +00:00
47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
<script lang="ts">
|
|
import { ClosedTrade } from '@/types';
|
|
import { defineComponent } from 'vue';
|
|
import ProfitDistributionChart from '@/components/charts/ProfitDistributionChart.vue';
|
|
import CumProfitChart from '@/components/charts/CumProfitChart.vue';
|
|
import TradesLogChart from '@/components/charts/TradesLog.vue';
|
|
|
|
export default defineComponent({
|
|
name: 'BacktestGraphsView',
|
|
components: {
|
|
ProfitDistributionChart,
|
|
CumProfitChart,
|
|
TradesLogChart,
|
|
},
|
|
props: {
|
|
trades: { required: true, type: Array as () => ClosedTrade[] },
|
|
},
|
|
setup() {
|
|
return {};
|
|
},
|
|
});
|
|
</script>
|
|
<template>
|
|
<div class="text-center flex-fill mt-2 d-flex flex-column">
|
|
<TradesLogChart :trades="trades" class="trades-log" />
|
|
<CumProfitChart
|
|
:trades="trades"
|
|
profit-column="profit_abs"
|
|
class="cum-profit"
|
|
:show-title="true"
|
|
/>
|
|
<hr />
|
|
<ProfitDistributionChart class="mt-3" :trades="trades" :show-title="true" />
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.trades-log {
|
|
height: 350px !important;
|
|
max-height: 350px;
|
|
}
|
|
.cum-profit {
|
|
height: 350px !important;
|
|
max-height: 350px;
|
|
}
|
|
</style>
|