From 34695146ee29acd371a52a330fc595a9af8e7d71 Mon Sep 17 00:00:00 2001
From: Miguel Medeiros <miguel@miguelmedeiros.com.br>
Date: Tue, 7 Sep 2021 17:54:27 -0300
Subject: [PATCH] Change renderer to svg.

---
 .../fee-distribution-graph.component.html                      | 2 +-
 .../fee-distribution-graph/fee-distribution-graph.component.ts | 3 +++
 .../incoming-transactions-graph.component.html                 | 2 +-
 .../incoming-transactions-graph.component.ts                   | 3 +++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/fee-distribution-graph/fee-distribution-graph.component.html b/frontend/src/app/components/fee-distribution-graph/fee-distribution-graph.component.html
index 84cf34cfe..3465bde35 100644
--- a/frontend/src/app/components/fee-distribution-graph/fee-distribution-graph.component.html
+++ b/frontend/src/app/components/fee-distribution-graph/fee-distribution-graph.component.html
@@ -1,5 +1,5 @@
 <div class="fee-distribution-chart" *ngIf="mempoolVsizeFeesOptions; else loadingFees">
-  <div echarts [options]="mempoolVsizeFeesOptions"></div>
+  <div echarts [initOpts]="mempoolVsizeFeesInitOptions" [options]="mempoolVsizeFeesOptions"></div>
 </div>
 
 <ng-template #loadingFees>
diff --git a/frontend/src/app/components/fee-distribution-graph/fee-distribution-graph.component.ts b/frontend/src/app/components/fee-distribution-graph/fee-distribution-graph.component.ts
index 873d42fb8..8c90036fd 100644
--- a/frontend/src/app/components/fee-distribution-graph/fee-distribution-graph.component.ts
+++ b/frontend/src/app/components/fee-distribution-graph/fee-distribution-graph.component.ts
@@ -14,6 +14,9 @@ export class FeeDistributionGraphComponent implements OnInit, OnChanges {
   @Input() left: number | string = 30;
 
   mempoolVsizeFeesOptions: any;
+  mempoolVsizeFeesInitOptions = {
+    renderer: 'svg'
+  };
 
   constructor() { }
 
diff --git a/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.html b/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.html
index 7c6de093e..537aaceab 100644
--- a/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.html
+++ b/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.html
@@ -1 +1 @@
-<div class="echarts" echarts [options]="mempoolStatsChartOption"></div>
+<div class="echarts" echarts [initOpts]="mempoolStatsChartInitOption" [options]="mempoolStatsChartOption"></div>
diff --git a/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts b/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
index 35aee245c..53c9a0251 100644
--- a/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
+++ b/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
@@ -19,6 +19,9 @@ export class IncomingTransactionsGraphComponent implements OnInit, OnChanges {
   @Input() template: ('widget' | 'advanced') = 'widget';
 
   mempoolStatsChartOption: EChartsOption = {};
+  mempoolStatsChartInitOption = {
+    renderer: 'svg'
+  };
   windowPreference: string;
 
   constructor(