diff --git a/src/components/charts/HourlyChart.vue b/src/components/charts/HourlyChart.vue
index c8a9d306..753bf25c 100644
--- a/src/components/charts/HourlyChart.vue
+++ b/src/components/charts/HourlyChart.vue
@@ -21,9 +21,10 @@ import { use } from 'echarts/core';
 import { CanvasRenderer } from 'echarts/renderers';
 import { LineChart, BarChart } from 'echarts/charts';
 import {
+  DatasetComponent,
+  LegendComponent,
   TitleComponent,
   TooltipComponent,
-  LegendComponent,
   VisualMapComponent,
   VisualMapPiecewiseComponent,
 } from 'echarts/components';
@@ -32,9 +33,11 @@ use([
   BarChart,
   LineChart,
   CanvasRenderer,
+
+  DatasetComponent,
+  LegendComponent,
   TitleComponent,
   TooltipComponent,
-  LegendComponent,
   VisualMapComponent,
   VisualMapPiecewiseComponent,
 ]);
diff --git a/src/components/charts/TradesLog.vue b/src/components/charts/TradesLog.vue
index c5d45dbe..3bd9fcb5 100644
--- a/src/components/charts/TradesLog.vue
+++ b/src/components/charts/TradesLog.vue
@@ -13,9 +13,11 @@ import { use } from 'echarts/core';
 import { CanvasRenderer } from 'echarts/renderers';
 import { LineChart, BarChart } from 'echarts/charts';
 import {
+  DatasetComponent,
+  DataZoomComponent,
+  LegendComponent,
   TitleComponent,
   TooltipComponent,
-  LegendComponent,
   VisualMapComponent,
   VisualMapPiecewiseComponent,
 } from 'echarts/components';
@@ -25,10 +27,14 @@ import { ClosedTrade } from '@/types';
 use([
   BarChart,
   LineChart,
+
   CanvasRenderer,
+
+  DatasetComponent,
+  DataZoomComponent,
+  LegendComponent,
   TitleComponent,
   TooltipComponent,
-  LegendComponent,
   VisualMapComponent,
   VisualMapPiecewiseComponent,
 ]);