f.spilla/nx-primeng-sakai-v17
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chart | Light Colors Updated

Browse Source
This commit is contained in:
Yiğit FINDIKLI 2022-01-11 14:38:49 +03:00
parent ffd58ddc30
commit 4522281dbf
1 changed files with 16 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
src/app/components/charts/charts.component.ts
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 = { this.barData = {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [ 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 = { this.pieData = {
labels: ['A', 'B', 'C'], labels: ['A', 'B', 'C'],
datasets: [ datasets: [
@ -154,16 +98,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
] ]
}; };
this.pieOptions = {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
}
};
this.polarData = { this.polarData = {
datasets: [{ datasets: [{
data: [ 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 = { this.radarData = {
labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'], labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
datasets: [ datasets: [
@ -234,22 +151,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
] ]
}; };
this.radarOptions = { this.updateChartOptions();
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
},
scales: {
r: {
grid: {
color: 'rgba(160, 167, 181, .3)'
}
}
}
};
} }
updateChartOptions() { updateChartOptions() {
@ -264,25 +166,25 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
color: '#A0A7B5' color: '#495057'
} }
} }
}, },
scales: { scales: {
x: { x: {
ticks: { ticks: {
color: '#A0A7B5' color: '#495057'
}, },
grid: { grid: {
color: 'rgba(160, 167, 181, .3)', color: '#ebedef',
} }
}, },
y: { y: {
ticks: { ticks: {
color: '#A0A7B5' color: '#495057'
}, },
grid: { grid: {
color: 'rgba(160, 167, 181, .3)', color: '#ebedef',
} }
}, },
} }
@ -292,25 +194,25 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
color: '#A0A7B5' color: '#495057'
} }
} }
}, },
scales: { scales: {
x: { x: {
ticks: { ticks: {
color: '#A0A7B5' color: '#495057'
}, },
grid: { grid: {
color: 'rgba(160, 167, 181, .3)', color: '#ebedef',
} }
}, },
y: { y: {
ticks: { ticks: {
color: '#A0A7B5' color: '#495057'
}, },
grid: { grid: {
color: 'rgba(160, 167, 181, .3)', color: '#ebedef',
} }
}, },
} }
@ -320,7 +222,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
color: '#A0A7B5' color: '#495057'
} }
} }
} }
@ -330,14 +232,14 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
color: '#A0A7B5' color: '#495057'
} }
} }
}, },
scales: { scales: {
r: { r: {
grid: { grid: {
color: 'rgba(160, 167, 181, .3)' color: '#ebedef'
} }
} }
} }
@ -347,14 +249,14 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
color: '#A0A7B5' color: '#495057'
} }
} }
}, },
scales: { scales: {
r: { r: {
grid: { grid: {
color: 'rgba(160, 167, 181, .3)' color: '#ebedef'
} }
} }
} }