Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-23 19:00: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

63
src/app/pages/charts/echarts/echarts-bar-animation.component.ts
View file

@ -1,4 +1,4 @@
import { Component } from '@angular/core';
import { AfterViewInit, Component } from '@angular/core';
import { NbThemeService } from '@nebular/theme';
@Component({
@ -7,46 +7,69 @@ import { NbThemeService } from '@nebular/theme';
<div echarts [options]="options" class="echart"></div>
`,
})
export class EchartsBarAnimationComponent {
options: any;
export class EchartsBarAnimationComponent implements AfterViewInit {
options: any = {};
constructor(private theme: NbThemeService) {
}
ngAfterViewInit() {
this.theme.getJsTheme().subscribe(config => {
const xAxisData = [];
const data1 = [];
const data2 = [];
const colors: any = config.variables;
const echarts: any = config.variables.echarts;
this.options = {
backgroundColor: echarts.bg,
color: [echarts.barAnimation.colors],
color: [colors.primaryLight, colors.infoLight],
legend: {
data: ['bar', 'bar2'],
align: 'left',
textStyle: {
color: echarts.legendTextColor,
color: echarts.textColor,
},
},
xAxis: {
data: xAxisData,
silent: false,
splitLine: {
show: false,
},
axisLine: {
lineStyle: {
color: echarts.xAxisLineColor,
xAxis: [
{
data: xAxisData,
silent: false,
axisTick: {
alignWithLabel: true,
},
axisLine: {
lineStyle: {
color: echarts.axisLineColor,
},
},
axisLabel: {
textStyle: {
color: echarts.textColor,
},
},
},
},
yAxis: {
axisLine: {
lineStyle: {
color: echarts.yAxisLineColor,
],
yAxis: [
{
axisLine: {
lineStyle: {
color: echarts.axisLineColor,
},
},
splitLine: {
lineStyle: {
color: echarts.splitLineColor,
},
},
axisLabel: {
textStyle: {
color: echarts.textColor,
},
},
},
},
],
series: [
{
name: 'bar',