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 { .echarts {
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 150px;
} }
</style> </style>

View File

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

View File

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

View File

@ -45,6 +45,8 @@ const CHART_COLOR = '#9be0a8';
export default class TradesLogChart extends Vue { export default class TradesLogChart extends Vue {
@Prop({ required: true }) trades!: ClosedTrade[]; @Prop({ required: true }) trades!: ClosedTrade[];
@Prop({ default: true, type: Boolean }) showTitle!: boolean;
@Getter getChartTheme!: string; @Getter getChartTheme!: string;
get chartData() { get chartData() {
@ -68,7 +70,7 @@ export default class TradesLogChart extends Vue {
return { return {
title: { title: {
text: 'Trades log', text: 'Trades log',
show: true, show: this.showTitle,
}, },
backgroundColor: 'rgba(0, 0, 0, 0)', backgroundColor: 'rgba(0, 0, 0, 0)',
dataset: { dataset: {
@ -170,5 +172,6 @@ export default class TradesLogChart extends Vue {
.echarts { .echarts {
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 150px;
} }
</style> </style>