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; } 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; } 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; } 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; }