diff --git a/frontend/package.json b/frontend/package.json
index 635ea4f43a..1ff9881e6d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -17,7 +17,8 @@
   "dependencies": {
     "@riophae/vue-treeselect": "0.4.0",
     "axios": "0.18.1",
-    "echarts": "^5.0.2",
+    "echarts": "^4.6.0",
+    "vue-echarts": "^4.1.0",
     "element-ui": "2.13.0",
     "fit2cloud-ui": "^0.1.12",
     "js-cookie": "2.2.0",
diff --git a/frontend/src/views/chart/index.vue b/frontend/src/views/chart/index.vue
index c399fc561d..e9df107e65 100644
--- a/frontend/src/views/chart/index.vue
+++ b/frontend/src/views/chart/index.vue
@@ -49,15 +49,15 @@ export default {
 
 <style scoped>
   .ms-aside-container {
-    height: calc(100vh - 40px);
+    height: calc(100vh - 56px);
     padding: 15px;
     min-width: 260px;
     max-width: 460px;
   }
 
   .ms-main-container {
-    height: calc(100vh - 40px);
-    padding: 0px;
+    height: calc(100vh - 56px);
+    padding: 0;
   }
 
 </style>