换热站趋势图优化

src/views/HandlerPage/TransferEnergyView.vue

@@ -197,8 +197,8 @@ function getEnterprise() {
 }
 
 function transferIdChange() {
-  if(enertyInfo.transferId.length > 10) {
-    ElMessage.error('换热机组最多只能选择10个')
+  if (enertyInfo.transferId.length > 10) {
+    ElMessage.error("换热机组最多只能选择10个");
   }
 }
 
@@ -239,8 +239,8 @@ function getSupplys() {
 
 function sendClick() {
   formRef.value.validate((valid) => {
-    if(enertyInfo.transferId.length > 10) {
-      ElMessage.error('换热机组最多只能选择10个');
+    if (enertyInfo.transferId.length > 10) {
+      ElMessage.error("换热机组最多只能选择10个");
       return false;
     }
     if (valid) {
@@ -503,21 +503,19 @@ function pageInitFun(res) {
     );
   });
   let temperatureListArr = [];
-  res.data.temperatureList.forEach(element => {
-    temperatureListArr.push(element)
-  })
-  echartSeries.push(
-      {
-        name: "平均温度",
-        type: "line",
-        tooltip: {
-          valueFormatter: function (value) {
-            return value + " ℃";
-          },
-        },
-        data: temperatureListArr,
+  res.data.temperatureList.forEach((element) => {
+    temperatureListArr.push(element);
+  });
+  echartSeries.push({
+    name: "平均温度",
+    type: "line",
+    tooltip: {
+      valueFormatter: function (value) {
+        return value + " ℃";
       },
-  )
+    },
+    data: temperatureListArr,
+  });
 
   echartSeries.forEach((element, index) => {
     echartDataLegend.push(element.name);
@@ -576,6 +574,7 @@ function echartInit() {
   // var company = "T";
 
   option = {
+    color: ["#91cc75", "#fac858", "#5470c6", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#ea7ccc", "#766451", "#cba1ff", "#470c66"],
     title: {
       text: "换热站趋势图",
       top: 0,
@@ -591,6 +590,7 @@ function echartInit() {
       },
     },
     legend: {
+      width: "70%",
       data: echartDataLegend,
     },
     xAxis: [