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

Fix charts

Browse Source
This commit is contained in:
Çetin 2022-01-07 16:07:38 +03:00
parent fea22fa33d
commit ffd58ddc30
2 changed files with 202 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/app.config.component.ts
View File

@ -58,7 +58,6 @@ export class AppConfigComponent implements OnInit, OnDestroy {
} }
onInputStyleChange() { onInputStyleChange() {
console.log(this.config)
this.configService.updateConfig(this.config); this.configService.updateConfig(this.config);
} }

208
src/app/components/charts/charts.component.ts
View File

@ -36,7 +36,6 @@ export class ChartsComponent implements OnInit, OnDestroy {
ngOnInit() { ngOnInit() {
this.config = this.configService.config; this.config = this.configService.config;
this.subscription = this.configService.configUpdate$.subscribe(config => { this.subscription = this.configService.configUpdate$.subscribe(config => {
this.config = config; this.config = config;
this.updateChartOptions(); this.updateChartOptions();
@ -68,7 +67,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
fontColor: '#A0A7B5' color: '#A0A7B5'
} }
} }
}, },
@ -112,7 +111,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
fontColor: '#A0A7B5' color: '#A0A7B5'
} }
} }
}, },
@ -159,7 +158,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
fontColor: '#A0A7B5' color: '#A0A7B5'
} }
} }
} }
@ -196,7 +195,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
fontColor: '#A0A7B5' color: '#A0A7B5'
} }
} }
}, },
@ -239,7 +238,7 @@ export class ChartsComponent implements OnInit, OnDestroy {
plugins: { plugins: {
legend: { legend: {
labels: { labels: {
fontColor: '#A0A7B5' color: '#A0A7B5'
} }
} }
}, },
@ -261,11 +260,208 @@ export class ChartsComponent implements OnInit, OnDestroy {
} }
applyLightTheme() { applyLightTheme() {
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.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.pieOptions = {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
}
};
this.polarOptions = {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
},
scales: {
r: {
grid: {
color: 'rgba(160, 167, 181, .3)'
}
}
}
};
this.radarOptions = {
plugins: {
legend: {
labels: {
color: '#A0A7B5'
}
}
},
scales: {
r: {
grid: {
color: 'rgba(160, 167, 181, .3)'
}
}
}
};
} }
applyDarkTheme() { applyDarkTheme() {
this.lineOptions = {
plugins: {
legend: {
labels: {
color: '#ebedef'
}
}
},
scales: {
x: {
ticks: {
color: '#ebedef'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
}
},
y: {
ticks: {
color: '#ebedef'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
}
},
}
};
this.barOptions = {
plugins: {
legend: {
labels: {
color: '#ebedef'
}
}
},
scales: {
x: {
ticks: {
color: '#ebedef'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
}
},
y: {
ticks: {
color: '#ebedef'
},
grid: {
color: 'rgba(160, 167, 181, .3)',
}
},
}
};
this.pieOptions = {
plugins: {
legend: {
labels: {
color: '#ebedef'
}
}
}
};
this.polarOptions = {
plugins: {
legend: {
labels: {
color: '#ebedef'
}
}
},
scales: {
r: {
grid: {
color: 'rgba(160, 167, 181, .3)'
}
}
}
};
this.radarOptions = {
plugins: {
legend: {
labels: {
color: '#ebedef'
}
}
},
scales: {
r: {
grid: {
color: 'rgba(160, 167, 181, .3)'
}
}
}
};
} }
ngOnDestroy() { ngOnDestroy() {