diff --git a/frontend/src/views/chart/chart/chart.js b/frontend/src/views/chart/chart/chart.js
index 86d59f58cc..aec2f2a89d 100644
--- a/frontend/src/views/chart/chart/chart.js
+++ b/frontend/src/views/chart/chart/chart.js
@@ -202,36 +202,36 @@ export const BASE_BAR = {
   yAxis: {
     type: 'value'
   },
-  series: []
-  // dataZoom: [
-  //   {
-  //     type: 'slider',
-  //     show: false,
-  //     xAxisIndex: [0],
-  //     start: 1,
-  //     end: 100
-  //   },
-  //   {
-  //     type: 'slider',
-  //     show: false,
-  //     yAxisIndex: [0],
-  //     left: '93%',
-  //     start: 1,
-  //     end: 100
-  //   },
-  //   {
-  //     type: 'inside',
-  //     xAxisIndex: [0],
-  //     start: 1,
-  //     end: 100
-  //   },
-  //   {
-  //     type: 'inside',
-  //     yAxisIndex: [0],
-  //     start: 1,
-  //     end: 100
-  //   }
-  // ]
+  series: [],
+  dataZoom: [
+    {
+      type: 'slider',
+      show: false,
+      xAxisIndex: [0],
+      start: 0,
+      end: 100
+    },
+    {
+      type: 'slider',
+      show: false,
+      yAxisIndex: [0],
+      left: '93%',
+      start: 0,
+      end: 100
+    },
+    {
+      type: 'inside',
+      xAxisIndex: [0],
+      start: 0,
+      end: 100
+    },
+    {
+      type: 'inside',
+      yAxisIndex: [0],
+      start: 0,
+      end: 100
+    }
+  ]
 }
 export const HORIZONTAL_BAR = {
   title: {
@@ -258,36 +258,36 @@ export const HORIZONTAL_BAR = {
   yAxis: {
     data: []
   },
-  series: []
-  // dataZoom: [
-  //   {
-  //     type: 'slider',
-  //     show: false,
-  //     xAxisIndex: [0],
-  //     start: 1,
-  //     end: 100
-  //   },
-  //   {
-  //     type: 'slider',
-  //     show: false,
-  //     yAxisIndex: [0],
-  //     left: '93%',
-  //     start: 1,
-  //     end: 100
-  //   },
-  //   {
-  //     type: 'inside',
-  //     xAxisIndex: [0],
-  //     start: 1,
-  //     end: 100
-  //   },
-  //   {
-  //     type: 'inside',
-  //     yAxisIndex: [0],
-  //     start: 1,
-  //     end: 100
-  //   }
-  // ]
+  series: [],
+  dataZoom: [
+    {
+      type: 'slider',
+      show: false,
+      xAxisIndex: [0],
+      start: 0,
+      end: 100
+    },
+    {
+      type: 'slider',
+      show: false,
+      yAxisIndex: [0],
+      left: '93%',
+      start: 0,
+      end: 100
+    },
+    {
+      type: 'inside',
+      xAxisIndex: [0],
+      start: 0,
+      end: 100
+    },
+    {
+      type: 'inside',
+      yAxisIndex: [0],
+      start: 0,
+      end: 100
+    }
+  ]
 }
 
 export const BASE_LINE = {
@@ -316,36 +316,36 @@ export const BASE_LINE = {
   yAxis: {
     type: 'value'
   },
-  series: []
-  // dataZoom: [
-  //   {
-  //     type: 'slider',
-  //     show: false,
-  //     xAxisIndex: [0],
-  //     start: 1,
-  //     end: 100
-  //   },
-  //   {
-  //     type: 'slider',
-  //     show: false,
-  //     yAxisIndex: [0],
-  //     left: '93%',
-  //     start: 1,
-  //     end: 100
-  //   },
-  //   {
-  //     type: 'inside',
-  //     xAxisIndex: [0],
-  //     start: 1,
-  //     end: 100
-  //   },
-  //   {
-  //     type: 'inside',
-  //     yAxisIndex: [0],
-  //     start: 1,
-  //     end: 100
-  //   }
-  // ]
+  series: [],
+  dataZoom: [
+    {
+      type: 'slider',
+      show: false,
+      xAxisIndex: [0],
+      start: 0,
+      end: 100
+    },
+    {
+      type: 'slider',
+      show: false,
+      yAxisIndex: [0],
+      left: '93%',
+      start: 0,
+      end: 100
+    },
+    {
+      type: 'inside',
+      xAxisIndex: [0],
+      start: 0,
+      end: 100
+    },
+    {
+      type: 'inside',
+      yAxisIndex: [0],
+      start: 0,
+      end: 100
+    }
+  ]
 }
 
 export const BASE_PIE = {