折线图

gassafety-web/src/views/dataMonitoring/deviceAlarm/alarmdetail.vue

@@ -231,7 +231,7 @@ export default {
         // 绘制图表
         myChart1.setOption({
           title: {
-            text: '折线图堆叠'
+            text: '标况流量、工况流量'
           },
           tooltip: {
             trigger: 'axis'
@@ -318,13 +318,22 @@ export default {
 
       },
 
+
       drawPieChart(getData4, getData5, getData3) {
         // 基于准备好的dom，初始化echarts实例
         var myChart2 = echarts.init(document.getElementById('main2'));
        
         // 绘制图表
         myChart2.setOption({
-          // color:['rgb(8,252,7)','rgb(255,168,0)','rgb(0,121,254)','rgb(0,255,251)','rgb(3,120,251)','rgb(0,200,251)'],
+          title: {
+            text: '标况累积量、工况累积量'
+          },
+          tooltip: {
+            trigger: 'axis'
+          },
+          legend: {
+            data: ['标况累积量', '工况累积量']
+          },
           xAxis: {
             type: 'category',
             // data: this.dataX,
@@ -362,6 +371,7 @@ export default {
           series: [
             {
               // data: this.dataY,
+              name: '标况累积量',
               data: getData4,
               type: 'line',
               symbol: 'circle', //是否显示实心的折线圆点
@@ -379,6 +389,7 @@ export default {
             },
             {
               // data: this.dataY,
+              name: '工况累积量',
               data: getData5,
               type: 'line',
               symbol: 'circle', //是否显示实心的折线圆点
@@ -404,6 +415,15 @@ export default {
 
         // 绘制图表
         myChart3.setOption({
+          title: {
+            text: '温度'
+          },
+          tooltip: {
+            trigger: 'axis'
+          },
+          legend: {
+            data: ['温度']
+          },
           xAxis: {
             type: 'category',
             // data: this.dataX,
@@ -441,6 +461,7 @@ export default {
           series: [
             {
               // data: this.dataY,
+              name: '温度',
               data: getData6,
               type: 'line',
               symbol: 'circle', //是否显示实心的折线圆点
@@ -466,6 +487,15 @@ export default {
 
         // 绘制图表
         myChart4.setOption({
+          title: {
+            text: '压力'
+          },
+          tooltip: {
+            trigger: 'axis'
+          },
+          legend: {
+            data: ['压力']
+          },
           xAxis: {
             type: 'category',
             // data: this.dataX,
@@ -503,6 +533,7 @@ export default {
           series: [
             {
               // data: this.dataY,
+              name: '压力',
               data: getData7,
               type: 'line',
               symbol: 'circle', //是否显示实心的折线圆点
@@ -522,7 +553,7 @@ export default {
         });
 
       },
-    
+
     // 点击按钮显示隐藏
       changeDisplay(e){
         this.isDisplay = !this.isDisplay

gassafety-web/src/views/dataMonitoring/realtimeData/realtimedetail.vue

@@ -193,7 +193,7 @@
         // 绘制图表
         myChart1.setOption({
           title: {
-            text: '折线图堆叠'
+            text: '标况流量、工况流量'
           },
           tooltip: {
             trigger: 'axis'
@@ -287,7 +287,15 @@
        
         // 绘制图表
         myChart2.setOption({
-          // color:['rgb(8,252,7)','rgb(255,168,0)','rgb(0,121,254)','rgb(0,255,251)','rgb(3,120,251)','rgb(0,200,251)'],
+          title: {
+            text: '标况累积量、工况累积量'
+          },
+          tooltip: {
+            trigger: 'axis'
+          },
+          legend: {
+            data: ['标况累积量', '工况累积量']
+          },
           xAxis: {
             type: 'category',
             // data: this.dataX,
@@ -325,6 +333,7 @@
           series: [
             {
               // data: this.dataY,
+              name: '标况累积量',
               data: getData4,
               type: 'line',
               symbol: 'circle', //是否显示实心的折线圆点
@@ -342,6 +351,7 @@
             },
             {
               // data: this.dataY,
+              name: '工况累积量',
               data: getData5,
               type: 'line',
               symbol: 'circle', //是否显示实心的折线圆点
@@ -367,6 +377,15 @@
 
         // 绘制图表
         myChart3.setOption({
+          title: {
+            text: '温度'
+          },
+          tooltip: {
+            trigger: 'axis'
+          },
+          legend: {
+            data: ['温度']
+          },
           xAxis: {
             type: 'category',
             // data: this.dataX,
@@ -404,6 +423,7 @@
           series: [
             {
               // data: this.dataY,
+              name: '温度',
               data: getData6,
               type: 'line',
               symbol: 'circle', //是否显示实心的折线圆点
@@ -429,6 +449,15 @@
 
         // 绘制图表
         myChart4.setOption({
+          title: {
+            text: '压力'
+          },
+          tooltip: {
+            trigger: 'axis'
+          },
+          legend: {
+            data: ['压力']
+          },
           xAxis: {
             type: 'category',
             // data: this.dataX,
@@ -466,6 +495,7 @@
           series: [
             {
               // data: this.dataY,
+              name: '压力',
               data: getData7,
               type: 'line',
               symbol: 'circle', //是否显示实心的折线圆点