解决冲突

src/views/produce/data/lineChart.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2022-01-21 14:43:06
- * @LastEditors: zhp
- * @LastEditTime: 2024-07-03 09:10:05
+ * @LastEditors: DY
+ * @LastEditTime: 2024-07-01 16:54:41
  * @Description:
 -->
 <template>
@@ -74,7 +74,6 @@ export default {
   },
   methods: {
     initChart(xAxis, seriesList) {
-      console.log('2', xAxis, seriesList)
       if (xAxis.length === 0) {
         this.chart.clear()
       }
@@ -100,13 +99,16 @@ export default {
         },
         tooltip: {
           trigger: 'axis',
-          formatter: function (params) {
-            console.log(params);
+          axisPointer: {
+            type: 'shadow',
+            color: "rgba(237,237,237,0.5)"
+          },
+          formatter: function(params) {
             let result = `
             <div style="width: 270px; display: flex">
               <div style="width: 150px">${params[0].name}</div>
-              <div style="width: 60px">${factoryListabbr[0]}</div>
-              <div style="width: 60px">${factoryListabbr[1]}</div>
+              <div style="width: 60px; text-align: right">${factoryListabbr[0]}</div>
+              <div style="width: 60px; text-align: right">${factoryListabbr[1]}</div>
             </div>`
             const newArray = params.map(p => {
               console.log(factoryListabbr[p.seriesName.split('-')[1]], p.seriesName.split('-')[0])
@@ -115,14 +117,17 @@ export default {
                 factoryName: factoryListabbr[p.seriesName.split('-')[1]], // 工厂名称
                 value: p.value,
                 name: p.name,
-                marker: p.marker
+                marker: p.marker,
+                color: p.color
               }
             })
             const analyzeList = Object.groupBy(newArray, (member) => member.glass)
             for (let g in analyzeList) {
               // date => 玻璃类型
               let oneData = `<div style="width: 270px; display: flex">
-              <div style="width: 150px">${analyzeList[g][0].marker} ${g}</div>`
+              <div style="width: 150px; display: flex; align-items: center">
+              <div style="background-color: ${analyzeList[g][0].color}; width: 10px; height: 10px; margin-right: 5px"></div>
+              <div>${g}</div></div>`
               for (let fac of factoryListabbr) {
                 let goodNum = 0
                 for (let ana of analyzeList[g]) {
@@ -130,7 +135,7 @@ export default {
                     goodNum = ana.value
                   }
                 }
-                oneData += `<div style="width: 60px">${goodNum}</div>`
+                oneData += `<div style="width: 60px; text-align: right">${goodNum}</div>`
               }
               result = result + oneData + '</div>'
             }
@@ -157,7 +162,7 @@ export default {
         ],
         grid: {
           top: '10%',
-          left: "1%",
+          left: "2%",
           right: "5%",
           bottom: "0%",
           containLabel: true