Formats and colors.

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