1、echarts配置化

src/views/dashboard/LineChartnew.vue

@@ -28,6 +28,9 @@ export default {
       required: true
     }
   },
+
+  data() {
+    return {
       defaultOption: {
         title: {
           text: null,
@@ -55,9 +58,8 @@ export default {
           type: 'value'
         },
         series: []
-  },
+      }
-  data() {
+    };
-    return {};
   },
   mounted() {
     this.initChart();
@@ -65,12 +67,10 @@ export default {
   methods: {
     initChart() {
       console.log(this.chartData);
-      Object.keys(this.chartData).forEach((key) => {
+      this.defaultOption = { ...this.defaultOption, ...this.chartData };
-        this.defaultOption[key] = this.chartData[key];
-      });
       const chartDom = document.getElementById('LineChartnew');
       const myChart = echarts.init(chartDom);
-      myChart(this.defaultOption);
+      myChart.setOption(this.defaultOption);
     }
 
     /*    setOptions(chartData) {

src/views/index.vue

@@ -92,7 +92,6 @@ const LinechartData = ref({
     boundaryGap: false,
     data: []
   },
-  legend: {},
   series: [
     { name: '用户量', data: [] },
     { name: '在线用户', data: [] },