maciejpedzich/spotifyplaylistarchive.com
1
0
Fork 0
mirror of https://github.com/maciejpedzich/spotifyplaylistarchive.com.git synced 2024-09-19 18:16:19 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Change chart grid lines color

Browse Source
This commit is contained in:
Maciej Pędzich 2022-07-10 21:34:33 +01:00
parent 158099ba45
commit e4945e7648
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/stats/FollowerGrowth.vue
View File

@ -27,6 +27,18 @@ const sinceDate = computed(() => {
const chartOptions = {
responsive: true,
scales: {
x: {
grid: {
color: 'rgba(255, 255, 255, 0.2)'
}
},
y: {
grid: {
color: 'rgba(255, 255, 255, 0.2)'
}
}
},
plugins: {
legend: {
display: false
@ -86,9 +98,13 @@ watch(chartPeriod, async () => await refresh());
<p v-else-if="error">
Something went wrong while fetching follwer growth data
</p>
<template v-else-if="data">
<Chart class="mt-3" type="line" :options="chartOptions" :data="data" />
</template>
<Chart
v-else-if="data"
class="mt-3"
type="line"
:options="chartOptions"
:data="data"
/>
</ClientOnly>
</NuxtLayout>
</template>