修改界面显示

src/views/dashboard/LineChart.vue

@@ -64,6 +64,16 @@ export default {
     },
     setOptions({expectedData, actualData} = {}) {
       this.chart.setOption({
+        title: {
+          text: '标题1 ',
+          textStyle: {
+            align: 'center',
+            color: '#000',
+            fontSize: 20,
+          },
+          top: '0%',
+          left: '0%',
+        },
         xAxis: {
           data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
           // boundaryGap: false,
@@ -123,7 +133,7 @@ export default {
           },
           {
             name: 'actual',
-            smooth: true,
+            smooth: false,
             type: 'line',
             itemStyle: {
               normal: {

src/views/dashboard/LineChart1.vue

@@ -63,6 +63,16 @@ export default {
     },
     setOptions({ expectedData, actualData } = {}) {
       this.chart.setOption({
+        title: {
+          text: '标题1 ',
+          textStyle: {
+            align: 'center',
+            color: '#000',
+            fontSize: 20,
+          },
+          top: '0%',
+          left: '0%',
+        },
         xAxis: {
           data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
           boundaryGap: false,
@@ -74,7 +84,7 @@ export default {
           left: 10,
           right: 10,
           bottom: 20,
-          top: 30,
+          top: 50,
           containLabel: true
         },
         tooltip: {
@@ -92,25 +102,11 @@ export default {
         legend: {
           data: ['expected', 'actual']
         },
-        series: [{
+        series: [
-          name: 'expected', itemStyle: {
+
-            normal: {
-              color: '#FF005A',
-              lineStyle: {
-                color: '#FF005A',
-                width: 2
-              }
-            }
-          },
-          smooth: true,
-          type: 'line',
-          data: expectedData,
-          animationDuration: 2800,
-          animationEasing: 'cubicInOut'
-        },
         {
           name: 'actual',
-          smooth: true,
+          smooth: false,
           type: 'line',
           itemStyle: {
             normal: {