From df7de82737a7ec169446a66ab20cc6185c64854c Mon Sep 17 00:00:00 2001
From: KostyaDanovsky <kostya.danovsky@gmail.com>
Date: Mon, 28 Aug 2017 17:57:12 +0300
Subject: [PATCH] fix(dashboard): improve input value for solar chart

---
 .../pages/dashboard/solar/solar.component.ts   | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/dashboard/solar/solar.component.ts b/src/app/pages/dashboard/solar/solar.component.ts
index 00187233..9f386939 100644
--- a/src/app/pages/dashboard/solar/solar.component.ts
+++ b/src/app/pages/dashboard/solar/solar.component.ts
@@ -18,7 +18,17 @@ declare const echarts: any;
 })
 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 = {};
 
@@ -45,7 +55,7 @@ export class SolarComponent implements AfterViewInit {
             radius: solarTheme.radius,
             data: [
               {
-                value: this.chartValue,
+                value: this.value,
                 name: ' ',
                 label: {
                   normal: {
@@ -82,7 +92,7 @@ export class SolarComponent implements AfterViewInit {
                 hoverAnimation: false,
               },
               {
-                value: 100 - this.chartValue,
+                value: 100 - this.value,
                 name: ' ',
                 tooltip: {
                   show: false,
@@ -109,7 +119,7 @@ export class SolarComponent implements AfterViewInit {
             radius: solarTheme.radius,
             data: [
               {
-                value: this.chartValue,
+                value: this.value,
                 name: ' ',
                 label: {
                   normal: {