Chart styling

This commit is contained in:
Matthias 2020-09-30 15:20:58 +02:00
parent 7703ee16fc
commit 04cc6d11af

View File

@ -114,7 +114,7 @@ export default class CandleChart extends Vue {
text: `${this.strategy} - ${this.pair} - ${this.timeframe}`, text: `${this.strategy} - ${this.pair} - ${this.timeframe}`,
show: true, show: true,
}, },
backgroundColor: '#231202D', backgroundColor: '#1b1b1b',
useUTC: this.useUTC, useUTC: this.useUTC,
dataset: { dataset: {
source: this.dataset.data, source: this.dataset.data,
@ -195,7 +195,7 @@ export default class CandleChart extends Vue {
left: MARGINLEFT, left: MARGINLEFT,
right: MARGINRIGHT, right: MARGINRIGHT,
// Grid Layout from bottom to top // Grid Layout from bottom to top
bottom: `${subplotCount * 10}%`, bottom: `${subplotCount * 10 + 5}%`,
height: '10%', height: '10%',
}, },
], ],
@ -374,8 +374,8 @@ export default class CandleChart extends Vue {
options.grid.push({ options.grid.push({
left: MARGINLEFT, left: MARGINLEFT,
right: MARGINRIGHT, right: MARGINRIGHT,
bottom: `${plotIndex * 50}px`, bottom: `${plotIndex * 8}%`,
height: '50px', height: '8%',
}); });
} }
Object.entries(value).forEach(([sk, sv]) => { Object.entries(value).forEach(([sk, sv]) => {