Add min-heights to charts

This commit is contained in:
Matthias 2021-05-26 21:00:39 +02:00
parent 678d314037
commit f49dffbddf
4 changed files with 7 additions and 1 deletions

View File

@ -142,5 +142,6 @@ export default class CumProfitChart extends Vue {
.echarts {
width: 100%;
height: 100%;
min-height: 150px;
}
</style>

View File

@ -141,5 +141,6 @@ export default class DailyChart extends Vue {
.echarts {
width: 100%;
height: 100%;
min-height: 240px;
}
</style>

View File

@ -164,5 +164,6 @@ export default class HourlyChart extends Vue {
.echarts {
width: 100%;
height: 100%;
min-height: 240px;
}
</style>

View File

@ -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>