Add empty background color

This commit is contained in:
Matthias 2021-05-25 22:06:43 +02:00
parent 135e56da14
commit 15fbffe43a
5 changed files with 5 additions and 3 deletions

View File

@ -144,6 +144,7 @@ export default class CandleChart extends Vue {
show: true, show: true,
}, },
], ],
backgroundColor: 'rgba(0, 0, 0, 0)',
useUTC: this.useUTC, useUTC: this.useUTC,
animation: false, animation: false,
legend: { legend: {
@ -258,9 +259,6 @@ export default class CandleChart extends Vue {
if (this.chartOptions?.title) { if (this.chartOptions?.title) {
this.chartOptions.title[0].text = this.chartTitle; this.chartOptions.title[0].text = this.chartTitle;
} }
if (this.theme === 'dark') {
this.chartOptions.backgroundColor = '#3c3c3c';
}
const colDate = this.dataset.columns.findIndex((el) => el === '__date_ts'); const colDate = this.dataset.columns.findIndex((el) => el === '__date_ts');
const colOpen = this.dataset.columns.findIndex((el) => el === 'open'); const colOpen = this.dataset.columns.findIndex((el) => el === 'open');
const colHigh = this.dataset.columns.findIndex((el) => el === 'high'); const colHigh = this.dataset.columns.findIndex((el) => el === 'high');

View File

@ -58,6 +58,7 @@ export default class CumProfitChart extends Vue {
text: 'Cumulative Profit', text: 'Cumulative Profit',
show: this.showTitle, show: this.showTitle,
}, },
backgroundColor: 'rgba(0, 0, 0, 0)',
dataset: { dataset: {
dimensions: ['date', 'profit'], dimensions: ['date', 'profit'],
source: this.cumulativeData, source: this.cumulativeData,

View File

@ -57,6 +57,7 @@ export default class DailyChart extends Vue {
text: 'Daily profit', text: 'Daily profit',
show: this.showTitle, show: this.showTitle,
}, },
backgroundColor: 'rgba(0, 0, 0, 0)',
dataset: { dataset: {
dimensions: ['date', 'abs_profit', 'trade_count'], dimensions: ['date', 'abs_profit', 'trade_count'],
source: this.dailyStats.data, source: this.dailyStats.data,

View File

@ -79,6 +79,7 @@ export default class HourlyChart extends Vue {
text: 'Hourly Profit', text: 'Hourly Profit',
show: this.showTitle, show: this.showTitle,
}, },
backgroundColor: 'rgba(0, 0, 0, 0)',
dataset: { dataset: {
dimensions: ['hourDesc', 'profit', 'count'], dimensions: ['hourDesc', 'profit', 'count'],
source: this.hourlyData, source: this.hourlyData,

View File

@ -70,6 +70,7 @@ export default class TradesLogChart extends Vue {
text: 'Trades log', text: 'Trades log',
show: true, show: true,
}, },
backgroundColor: 'rgba(0, 0, 0, 0)',
dataset: { dataset: {
dimensions: ['date', 'profit'], dimensions: ['date', 'profit'],
source: chartData, source: chartData,