Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-23 16:34:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(demo): refactor js theme using

Browse source
This commit is contained in:
KostyaDanovsky 2017-08-01 15:42:06 +03:00
parent 672615b710
commit b772882cd6
28 changed files with 561 additions and 492 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/app/pages/charts/chartjs/chartjs-bar-horizontal.component.ts
View file

@ -28,11 +28,14 @@ export class ChartjsBarHorizontalComponent {
constructor(private theme: NgaThemeService) {
this.theme.getJsTheme().subscribe(config => {
const chartjs: any = config.variables.chartjs;
this.chartData = [
{
label: 'Dataset 1',
backgroundColor: config.chartjsBarHorizontalColor1,
borderColor: config.chartjsBarHorizontalColor1,
backgroundColor: chartjs.barHorizontal.colors[0],
borderColor: chartjs.barHorizontal.colors[0],
borderWidth: 1,
data: [
this.randomScalingFactor(),
@ -46,8 +49,8 @@ export class ChartjsBarHorizontalComponent {
},
{
label: 'Dataset 2',
backgroundColor: config.chartjsBarHorizontalColor2,
borderColor: config.chartjsBarHorizontalColor2,
backgroundColor: chartjs.barHorizontal.colors[1],
borderColor: chartjs.barHorizontal.colors[1],
data: [
this.randomScalingFactor(),
this.randomScalingFactor(),
@ -74,10 +77,10 @@ export class ChartjsBarHorizontalComponent {
{
gridLines: {
display: true,
color: config.chartjsBarHorizontalXAxisColor,
color: chartjs.xAxisColor,
},
ticks: {
fontColor: config.chartjsBarHorizontalTickColor,
fontColor: chartjs.tickColor,
},
},
],
@ -85,10 +88,10 @@ export class ChartjsBarHorizontalComponent {
{
gridLines: {
display: true,
color: config.chartjsBarHorizontalYAxisColor,
color: chartjs.yAxisColor,
},
ticks: {
fontColor: config.chartjsBarHorizontalTickColor,
fontColor: chartjs.tickColor,
},
},
],
@ -96,7 +99,7 @@ export class ChartjsBarHorizontalComponent {
legend: {
position: 'right',
labels: {
fontColor: config.chartjsBarHorizontalLegendTextColor,
fontColor: chartjs.legendTextColor,
},
},
};