Cleanup, separate axis for expenses and revenues.

src/operations/balanceChart.component.ts

@@ -42,14 +42,14 @@ export class BalanceChartComponent implements OnChanges {
     dataField: 'operation_date',
     type: 'date',
     baseUnit: 'day',
-    //unitInterval: 10,
 
     rangeSelector: {
       size: 80,
       padding: { /*left: 0, right: 0,*/top: 0, bottom: 0 },
       backgroundColor: 'white',
       dataField: 'balance',
-      baseUnit: 'month',
+      //baseUnit: 'month',
+      baseUnit: 'day',
       gridLines: { visible: false },
       serieType: 'line',
       //labels: {
@@ -62,6 +62,15 @@ export class BalanceChartComponent implements OnChanges {
 
   public seriesGroups: any = [{
     type: 'stackedcolumn',
+    valueAxis: {
+      title: { text: 'Expenses/revenues' },
+      position: 'right',
+      visible: true,
+      gridLines: { visible: false },
+      labels: {
+          horizontalAlignment: 'left'
+      }
+    },
     series: [{
       dataField: 'expenses',
       fillColor: 'red'