Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 08:20:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(charts): change color scheme for the ecahrts

Browse source
This commit is contained in:
KostyaDanovsky 2017-08-28 13:34:21 +03:00
parent 64a0fd330b
commit 0c323f55ef
16 changed files with 254 additions and 202 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/app/pages/charts/echarts/echarts-multiple-xaxis.component.ts
View file

@ -1,4 +1,4 @@
import { Component } from '@angular/core';
import { Component, AfterViewInit } from '@angular/core';
import { NbThemeService } from '@nebular/theme';
@Component({
@ -7,17 +7,21 @@ import { NbThemeService } from '@nebular/theme';
<div echarts [options]="options" class="echart"></div>
`,
})
export class EchartsMultipleXaxisComponent {
options: any;
export class EchartsMultipleXaxisComponent implements AfterViewInit {
options: any = {};
constructor(private theme: NbThemeService) {
}
ngAfterViewInit() {
this.theme.getJsTheme().subscribe(config => {
const colors: any = config.variables;
const echarts: any = config.variables.echarts;
this.options = {
backgroundColor: echarts.bg,
color: echarts.multipleLine.colors,
color: [colors.success, colors.info],
tooltip: {
trigger: 'none',
axisPointer: {
@ -27,7 +31,7 @@ export class EchartsMultipleXaxisComponent {
legend: {
data: ['2015 Precipitation', '2016 Precipitation'],
textStyle: {
color: echarts.legendTextColor,
color: echarts.textColor,
},
},
grid: {
@ -43,7 +47,12 @@ export class EchartsMultipleXaxisComponent {
axisLine: {
onZero: false,
lineStyle: {
color: echarts.multipleLine.colors[1],
color: colors.info,
},
},
axisLabel: {
textStyle: {
color: echarts.textColor,
},
},
axisPointer: {
@ -78,7 +87,12 @@ export class EchartsMultipleXaxisComponent {
axisLine: {
onZero: false,
lineStyle: {
color: echarts.multipleLine.colors[0],
color: colors.success,
},
},
axisLabel: {
textStyle: {
color: echarts.textColor,
},
},
axisPointer: {
@ -111,7 +125,17 @@ export class EchartsMultipleXaxisComponent {
type: 'value',
axisLine: {
lineStyle: {
color: echarts.yAxisLineColor,
color: echarts.axisLineColor,
},
},
splitLine: {
lineStyle: {
color: echarts.splitLineColor,
},
},
axisLabel: {
textStyle: {
color: echarts.textColor,
},
},
},