diff --git a/frontend/package.json b/frontend/package.json
index 1ff9881e6d..635ea4f43a 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -17,8 +17,7 @@
   "dependencies": {
     "@riophae/vue-treeselect": "0.4.0",
     "axios": "0.18.1",
-    "echarts": "^4.6.0",
-    "vue-echarts": "^4.1.0",
+    "echarts": "^5.0.2",
     "element-ui": "2.13.0",
     "fit2cloud-ui": "^0.1.12",
     "js-cookie": "2.2.0",
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 12ffe62f75..08eca31d41 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -21,7 +21,7 @@ import message from '@/metersphere/common/js/message'
 import { left2RightDrag, bottom2TopDrag, right2LeftDrag } from '@/metersphere/common/js/directive'
 Vue.prototype.$api = api
 
-import echarts from 'echarts'
+import * as echarts from 'echarts'
 
 Vue.prototype.$echarts = echarts
 
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index 8a89a7143d..a3486cf1c6 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -280,8 +280,8 @@ export default {
       post('/chart/view/save', view).then(response => {
         // this.get(response.data.id);
         this.getData(response.data.id)
-        this.$store.commit('setChartSceneData', null)
-        this.$store.commit('setChartSceneData', this.sceneId)
+        this.$store.dispatch('chart/setChartSceneData', null)
+        this.$store.dispatch('chart/setChartSceneData', this.sceneId)
       })
     },
     getData(id) {