From e9cc86d0643756c3ee28d8ef016573d7e9858e5c Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <alexis@lahouze.org>
Date: Sun, 10 Jun 2018 15:42:29 +0200
Subject: [PATCH] Formats and colors.

---
 src/operations/balanceChart.component.ts | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/operations/balanceChart.component.ts b/src/operations/balanceChart.component.ts
index 5ae8d31..05a48fe 100644
--- a/src/operations/balanceChart.component.ts
+++ b/src/operations/balanceChart.component.ts
@@ -81,24 +81,38 @@ export class BalanceChartComponent implements OnChanges {
       visible: true,
       gridLines: { visible: false },
       labels: {
-          horizontalAlignment: 'left'
+        horizontalAlignment: 'left',
+        formatSettings: {
+          sufix:  '€',
+          decimalPlaces: 2
+        },
       }
     },
     series: [{
       dataField: 'expenses',
       displayText: 'Expenses',
-      fillColor: 'red'
+      fillColor: 'tomato'
     }, {
       dataField: 'revenues',
       displayText: 'Revenues',
-      fillColor: 'green'
+      fillColor: 'yellowgreen'
     }]
   }, {
-    type: 'line',
+    type: 'stepline',
+    valueAxis: {
+      title: { text: 'Balance' },
+      //gridLines: { visible: false },
+      labels: {
+        formatSettings: {
+          sufix:  '€',
+          decimalPlaces: 2
+        }
+      }
+    },
     series: [{
       dataField: 'balance',
       displayText: 'Balance',
-      fillColor: 'blue'
+      fillColor: 'steelblue'
     }],
     bands: [{
       minValue: 0, maxValue: 0, fillColor: 'orange', lineWidth: 1