Merge pull request #795 from MiguelMedeiros/bugfix-echarts-fixes

UI/UX: Fix charts css styling.

frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts

@@ -99,10 +99,18 @@ export class IncomingTransactionsGraphComponent implements OnInit, OnChanges {
       },
       xAxis: {
         type: 'category',
+        axisLabel: {
+          align: 'center',
+          fontSize: 11,
+          lineHeight: 12
+        },
         data: this.data.labels.map((value: any) => `${formatDate(value, 'M/d', this.locale)}\n${formatDate(value, 'H:mm', this.locale)}`),
       },
       yAxis: {
         type: 'value',
+        axisLabel: {
+          fontSize: 11,
+        },
         splitLine: {
           lineStyle: {
             type: 'dotted',
@@ -115,7 +123,7 @@ export class IncomingTransactionsGraphComponent implements OnInit, OnChanges {
         {
           data: this.data.series[0],
           type: 'line',
-          smooth: (this.template === 'advanced') ? false : true,
+          smooth: false,
           showSymbol: false,
           lineStyle: {
             width: 3,

frontend/src/app/components/mempool-graph/mempool-graph.component.ts

@@ -286,7 +286,12 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
         {
           type: 'category',
           boundaryGap: false,
-          axisLine: { onZero: false },
+          axisLine: { onZero: true },
+          axisLabel: {
+            align: 'center',
+            fontSize: 11,
+            lineHeight: 12,
+          },
           data: labels.map((value: any) => `${formatDate(value, 'M/d', this.locale)}\n${formatDate(value, 'H:mm', this.locale)}`),
         }
       ],
@@ -294,6 +299,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
         type: 'value',
         axisLine: { onZero: false },
         axisLabel: {
+          fontSize: 11,
           formatter: (value: number) => (`${this.vbytesPipe.transform(value, 2, 'vB', 'MvB', true)}`),
         },
         splitLine: {