diff --git a/frontend/src/app/graphs/graphs.module.ts b/frontend/src/app/graphs/graphs.module.ts
index 39a493134..4cb803888 100644
--- a/frontend/src/app/graphs/graphs.module.ts
+++ b/frontend/src/app/graphs/graphs.module.ts
@@ -57,6 +57,9 @@ import { CommonModule } from '@angular/common';
     NgxEchartsModule.forRoot({
       echarts: () => import('echarts')
     })
+  ],
+  exports: [
+    NgxEchartsModule,
   ]
 })
 export class GraphsModule { }
diff --git a/frontend/src/app/lightning/lightning.module.ts b/frontend/src/app/lightning/lightning.module.ts
index 284c252bc..fe04f507c 100644
--- a/frontend/src/app/lightning/lightning.module.ts
+++ b/frontend/src/app/lightning/lightning.module.ts
@@ -15,7 +15,7 @@ import { ChannelBoxComponent } from './channel/channel-box/channel-box.component
 import { ClosingTypeComponent } from './channel/closing-type/closing-type.component';
 import { LightningStatisticsChartComponent } from './statistics-chart/lightning-statistics-chart.component';
 import { NodeStatisticsChartComponent } from './node-statistics-chart/node-statistics-chart.component';
-import { NgxEchartsModule } from 'ngx-echarts';
+import { GraphsModule } from '../graphs/graphs.module';
 @NgModule({
   declarations: [
     LightningDashboardComponent,
@@ -35,9 +35,7 @@ import { NgxEchartsModule } from 'ngx-echarts';
     SharedModule,
     RouterModule,
     LightningRoutingModule,
-    NgxEchartsModule.forRoot({
-      echarts: () => import('echarts')
-    })
+    GraphsModule,
   ],
   providers: [
     LightningApiService,