添加平均线

src/views/Sale.jsx

@@ -53,56 +53,86 @@ const Sale = () => {
   // };
 
   const column_config_create = (tab_name) => {
-    let config_data = {
-      //seriesField: "OPI_Name",
-      label: {
-        position: 'top',
-      },
-      xAxis: {
-        label: {
-          autoHide: false,
-          autoRotate: true,
-        },
-      },
-      // legend: {
-      // 	itemValue: {
-      // 		formatter: (text, item) => {
-      // 			const items = ml_data.filter(d => d.groups === item.value); // 按分组筛选
-      // 			return items.length ? items.reduce((a, b) => a + b.COLI_ML, 0) : ""; // 计算总数
-      // 		},
-      // 	},
-      // },
-      // tooltip: {
-      //   customContent: (title, items) => {
-      //     const data = items[0].data || {};console.log(data);
-      //     return `<div>${title}</div>wwwwwww<div></div>`;
-      //   },
-      //   title: (title, datum) => {
-      //     return title; // + " " + comm.getWeek(datum.COLI_Date); // 显示周几
-      //   },
-      // },};
-    };
+    let average_value = 0; //平均线的值
+    let config_data = [];
     switch (tab_name) {
       case 'All':
         config_data.data = type_data.dataSource;
         config_data.xField = 'OPI_Name';
         config_data.yField = 'COLI_ML2';
+        average_value = Math.round(config_data.data.reduce((a, b) => a + b.COLI_ML2, 0) / config_data.data.length);
         break;
       case 'ResponseRateWhatsApp':
         config_data.data = type_data.dataSource;
         config_data.xField = 'OPI_Name';
         config_data.yField = 'COLI_ConfirmTimeAVG';
+        average_value = Math.round(config_data.data.reduce((a, b) => a + b.COLI_ConfirmTimeAVG, 0) / config_data.data.length);
         break;
       case 'ResponseRateByWL':
         config_data.data = type_data.dataSource;
         config_data.xField = 'OPI_Name';
         config_data.yField = 'PriceTime';
+        average_value = Math.round(config_data.data.reduce((a, b) => a + b.PriceTime, 0) / config_data.data.length);
         break;
       default:
         config_data.data = [];
         break;
     }
-    return config_data;
+    return {
+      ...config_data,
+      ...{
+        //seriesField: "OPI_Name",//分组
+        label: {
+          position: 'top',
+        },
+        xAxis: {
+          label: {
+            autoHide: false,
+            autoRotate: true,
+          },
+        },
+        // legend: {
+        // 	itemValue: {
+        // 		formatter: (text, item) => {
+        // 			const items = ml_data.filter(d => d.groups === item.value); // 按分组筛选
+        // 			return items.length ? items.reduce((a, b) => a + b.COLI_ML, 0) : ""; // 计算总数
+        // 		},
+        // 	},
+        // },
+        // tooltip: {
+        //   customContent: (title, items) => {
+        //     const data = items[0].data || {};console.log(data);
+        //     return `<div>${title}</div>wwwwwww<div></div>`;
+        //   },
+        //   title: (title, datum) => {
+        //     return title; // + " " + comm.getWeek(datum.COLI_Date); // 显示周几
+        //   },
+        // },};
+        annotations: average_value
+          ? [
+              {
+                type: 'text',
+                position: ['start', average_value],
+                content: average_value,
+                offsetX: -15,
+                style: {
+                  fill: '#F4664A',
+                  textBaseline: 'bottom',
+                },
+              },
+              {
+                type: 'line',
+                start: [-10, average_value],
+                end: ['max', average_value],
+                style: {
+                  stroke: '#F4664A',
+                  lineDash: [2, 2],
+                },
+              },
+            ]
+          : [],
+      },
+    };
   };
   const column_config = column_config_create(sale_store.active_tab_key);