chart tooltip dark theme

This commit is contained in:
Daan Wijns 2020-05-29 20:34:04 +02:00
parent 2d8408cd03
commit 2eb65616eb

View file

@ -309,6 +309,9 @@ export default {
opacityTo: 0.5, opacityTo: 0.5,
stops: [0, 50, 100] stops: [0, 50, 100]
} }
},
tooltip: {
theme: 'light'
} }
}, },
chartInterval: null chartInterval: null
@ -341,6 +344,10 @@ export default {
}, },
toggleSpeed() { toggleSpeed() {
qbit.toggleSpeedLimitsMode() qbit.toggleSpeedLimitsMode()
},
setChartTooltipTheme(theme) {
this.chartOptions.tooltip.theme = theme.toLowerCase()
this.$refs.chart.updateOptions(this.chartOptions)
} }
}, },
computed: { computed: {
@ -369,6 +376,14 @@ export default {
}, },
created() { created() {
this.$vuetify.theme.dark = this.getTheme() this.$vuetify.theme.dark = this.getTheme()
},
mounted() {
this.setChartTooltipTheme(this.theme)
},
watch: {
theme(newValue) {
this.setChartTooltipTheme(newValue)
}
} }
} }
</script> </script>