Chart | Light Colors Updated

This commit is contained in:
Yiğit FINDIKLI 2022-01-11 14:38:49 +03:00
parent ffd58ddc30
commit 4522281dbf

View File

@ -63,34 +63,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
]
};
this.lineOptions = {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
},
scales: {
x: {
ticks: {
color: '#A0A7B5'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
}
},
y: {
ticks: {
color: '#A0A7B5'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
}
},
}
};
this.barData = {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [
@ -107,34 +79,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
]
};
this.barOptions = {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
},
scales: {
x: {
ticks: {
color: '#A0A7B5'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
}
},
y: {
ticks: {
color: '#A0A7B5'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
}
},
}
};
this.pieData = {
labels: ['A', 'B', 'C'],
datasets: [
@ -154,16 +98,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
]
};
this.pieOptions = {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
}
};
this.polarData = {
datasets: [{
data: [
@ -191,23 +125,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
]
};
this.polarOptions = {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
},
scales: {
r: {
grid: {
color: 'rgba(160, 167, 181, .3)'
}
}
}
};
this.radarData = {
labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
datasets: [
@ -234,22 +151,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
]
};
this.radarOptions = {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
},
scales: {
r: {
grid: {
color: 'rgba(160, 167, 181, .3)'
}
}
}
};
this.updateChartOptions();
}
updateChartOptions() {
@ -264,25 +166,25 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
color: '#495057'
}
}
},
scales: {
x: {
ticks: {
color: '#A0A7B5'
color: '#495057'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
color: '#ebedef',
}
},
y: {
ticks: {
color: '#A0A7B5'
color: '#495057'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
color: '#ebedef',
}
},
}
@ -292,25 +194,25 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
color: '#495057'
}
}
},
scales: {
x: {
ticks: {
color: '#A0A7B5'
color: '#495057'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
color: '#ebedef',
}
},
y: {
ticks: {
color: '#A0A7B5'
color: '#495057'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
color: '#ebedef',
}
},
}
@ -320,7 +222,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
color: '#495057'
}
}
}
@ -330,14 +232,14 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
color: '#495057'
}
}
},
scales: {
r: {
grid: {
color: 'rgba(160, 167, 181, .3)'
color: '#ebedef'
}
}
}
@ -347,14 +249,14 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
color: '#495057'
}
}
},
scales: {
r: {
grid: {
color: 'rgba(160, 167, 181, .3)'
color: '#ebedef'
}
}
}