换热站趋势图优化

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,11 +503,10 @@ function pageInitFun(res) {
     );
   });
   let temperatureListArr = [];
-  res.data.temperatureList.forEach(element => {
-    temperatureListArr.push(element)
-  })
-  echartSeries.push(
-      {
+  res.data.temperatureList.forEach((element) => {
+    temperatureListArr.push(element);
+  });
+  echartSeries.push({
     name: "平均温度",
     type: "line",
     tooltip: {
@@ -516,8 +515,7 @@ function pageInitFun(res) {
       },
     },
     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: [