Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(dashboard): improve input value for solar chart

Browse source
This commit is contained in:
KostyaDanovsky 2017-08-28 17:57:12 +03:00
parent 0c323f55ef
commit df7de82737
1 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/app/pages/dashboard/solar/solar.component.ts
View file

@ -18,7 +18,17 @@ declare const echarts: any;
}) })
export class SolarComponent implements AfterViewInit { export class SolarComponent implements AfterViewInit {
@Input() chartValue: number; private value: number = 0;
@Input('chartValue')
set chartValue(value: number) {
this.value = value;
if (this.option.series) {
this.option.series[0].data[0].value = value;
this.option.series[0].data[1].value = 100 - value;
this.option.series[1].data[0].value = value;
}
}
option: any = {}; option: any = {};
@ -45,7 +55,7 @@ export class SolarComponent implements AfterViewInit {
radius: solarTheme.radius, radius: solarTheme.radius,
data: [ data: [
{ {
value: this.chartValue, value: this.value,
name: ' ', name: ' ',
label: { label: {
normal: { normal: {
@ -82,7 +92,7 @@ export class SolarComponent implements AfterViewInit {
hoverAnimation: false, hoverAnimation: false,
}, },
{ {
value: 100 - this.chartValue, value: 100 - this.value,
name: ' ', name: ' ',
tooltip: { tooltip: {
show: false, show: false,
@ -109,7 +119,7 @@ export class SolarComponent implements AfterViewInit {
radius: solarTheme.radius, radius: solarTheme.radius,
data: [ data: [
{ {
value: this.chartValue, value: this.value,
name: ' ', name: ' ',
label: { label: {
normal: { normal: {