From f49dffbddfc5bd9ae4c61c68c61e8f0c33541ba2 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 26 May 2021 21:00:39 +0200
Subject: [PATCH] Add min-heights to charts

---
 src/components/charts/CumProfitChart.vue | 1 +
 src/components/charts/DailyChart.vue     | 1 +
 src/components/charts/HourlyChart.vue    | 1 +
 src/components/charts/TradesLog.vue      | 5 ++++-
 4 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index 56fcce5f..09a979bc 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -142,5 +142,6 @@ export default class CumProfitChart extends Vue {
 .echarts {
   width: 100%;
   height: 100%;
+  min-height: 150px;
 }
 </style>
diff --git a/src/components/charts/DailyChart.vue b/src/components/charts/DailyChart.vue
index c102f6c4..11a93678 100644
--- a/src/components/charts/DailyChart.vue
+++ b/src/components/charts/DailyChart.vue
@@ -141,5 +141,6 @@ export default class DailyChart extends Vue {
 .echarts {
   width: 100%;
   height: 100%;
+  min-height: 240px;
 }
 </style>
diff --git a/src/components/charts/HourlyChart.vue b/src/components/charts/HourlyChart.vue
index 236b57d3..c8a9d306 100644
--- a/src/components/charts/HourlyChart.vue
+++ b/src/components/charts/HourlyChart.vue
@@ -164,5 +164,6 @@ export default class HourlyChart extends Vue {
 .echarts {
   width: 100%;
   height: 100%;
+  min-height: 240px;
 }
 </style>
diff --git a/src/components/charts/TradesLog.vue b/src/components/charts/TradesLog.vue
index 089d14a6..c5d45dbe 100644
--- a/src/components/charts/TradesLog.vue
+++ b/src/components/charts/TradesLog.vue
@@ -45,6 +45,8 @@ const CHART_COLOR = '#9be0a8';
 export default class TradesLogChart extends Vue {
   @Prop({ required: true }) trades!: ClosedTrade[];
 
+  @Prop({ default: true, type: Boolean }) showTitle!: boolean;
+
   @Getter getChartTheme!: string;
 
   get chartData() {
@@ -68,7 +70,7 @@ export default class TradesLogChart extends Vue {
     return {
       title: {
         text: 'Trades log',
-        show: true,
+        show: this.showTitle,
       },
       backgroundColor: 'rgba(0, 0, 0, 0)',
       dataset: {
@@ -170,5 +172,6 @@ export default class TradesLogChart extends Vue {
 .echarts {
   width: 100%;
   height: 100%;
+  min-height: 150px;
 }
 </style>