添加平均线

src/views/Sale.jsx

@@ -53,8 +53,35 @@ const Sale = () => {
   // };
 
   const column_config_create = (tab_name) => {
-    let config_data = {
-      //seriesField: "OPI_Name",
+    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,
+      ...{
+        //seriesField: "OPI_Name",//分组
         label: {
           position: 'top',
         },
@@ -81,28 +108,31 @@ const Sale = () => {
         //     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],
+                },
+              },
+            ]
+          : [],
+      },
     };
-    switch (tab_name) {
-      case 'All':
-        config_data.data = type_data.dataSource;
-        config_data.xField = 'OPI_Name';
-        config_data.yField = 'COLI_ML2';
-        break;
-      case 'ResponseRateWhatsApp':
-        config_data.data = type_data.dataSource;
-        config_data.xField = 'OPI_Name';
-        config_data.yField = 'COLI_ConfirmTimeAVG';
-        break;
-      case 'ResponseRateByWL':
-        config_data.data = type_data.dataSource;
-        config_data.xField = 'OPI_Name';
-        config_data.yField = 'PriceTime';
-        break;
-      default:
-        config_data.data = [];
-        break;
-    }
-    return config_data;
   };
   const column_config = column_config_create(sale_store.active_tab_key);