diff --git a/src/components/charts/TradesLog.vue b/src/components/charts/TradesLog.vue
index 5a5ae082..405aa7de 100644
--- a/src/components/charts/TradesLog.vue
+++ b/src/components/charts/TradesLog.vue
@@ -24,6 +24,8 @@ import {
import { ClosedTrade } from '@/types';
+import { timestampms } from '@/shared/formatters';
+
use([
BarChart,
LineChart,
@@ -62,10 +64,15 @@ export default class TradesLogChart extends Vue {
.sort((a, b) => (a.close_timestamp > b.close_timestamp ? 1 : -1));
for (let i = 0, len = sortedTrades.length; i < len; i += 1) {
const trade = sortedTrades[i];
- const entry = [i, (trade.profit_ratio * 100).toFixed(2), trade.pair, trade.botName];
+ const entry = [
+ i,
+ (trade.profit_ratio * 100).toFixed(2),
+ trade.pair,
+ trade.botName,
+ timestampms(trade.close_timestamp),
+ ];
res.push(entry);
}
-
return res;
}
@@ -86,7 +93,10 @@ export default class TradesLogChart extends Vue {
tooltip: {
trigger: 'axis',
formatter: (params) => {
- return `Profit %
${params[0].data[1]} % ${params[0].data[2]} | ${params[0].data[3]}`;
+ if (params[0].data[3]) {
+ return `${params[0].data[2]} | ${params[0].data[3]}
${params[0].data[4]}
Profit ${params[0].data[1]} %`;
+ }
+ return `${params[0].data[2]}
${params[0].data[4]}
Profit ${params[0].data[1]} %`;
},
axisPointer: {
type: 'line',