Xbar-S控制图优化

src/views/analysis/process/Xbar-S-2.vue

@@ -46,17 +46,14 @@ const getTableData = async () => {
   const accuracysList = ref([]);
 
   // 提取 accuracys 数据
-  console.log(JSON.stringify(tableData.value), "tableData.value");
   tableData.value.forEach((v) => {
     accuracysList.value.push(v.accuracys);
   });
 
-  console.log(accuracysList.value, "dataList");
   const { data } = await XBarSCompute({
     dataList: accuracysList.value,
-    scale: accuracysList.value[0].length,
+    scale: 4,
   });
-  console.log(JSON.stringify(data), "resultDataList");
   data.lclX = data.lclX.toFixed(4);
   data.uclS = data.uclS.toFixed(4);
   data.sBar = data.sBar.toFixed(4);
@@ -79,8 +76,6 @@ const Y1value = ref([]);
 const X1array = ref([]);
 const setY1value = () => {
   Y1value.value = [];
-  console.log(chartData.value, "chartData.value");
-  console.log(chartData.value.subgroupMeans, "chartData.value.subgroupMeans");
   chartData.value.subgroupMeans.forEach((item) => {
     Y1value.value.push(item);
   });
@@ -104,11 +99,11 @@ const setChart1Info = () => {
   // chartsOption1.value.title[0].text = `上限=${showData.value.avgMax ? showData.value.avgMax : "-"}`;
   // chartsOption1.value.title[0].text = `x̄=${showData.value.avgAvg ? showData.value.avgAvg : "-"}`;
   chartsOption1.value.series[0].markLine.data[0].yAxis = chartData.value.uclX;
-  chartsOption1.value.series[0].markLine.data[0].label.formatter = `           上限=${
+  chartsOption1.value.series[0].markLine.data[0].label.formatter = `上限=${
     chartData.value.uclX
   }`;
   chartsOption1.value.series[0].markLine.data[1].yAxis = chartData.value.lclX;
-  chartsOption1.value.series[0].markLine.data[1].label.formatter = `           下限=${chartData.value.lclX}`;
+  chartsOption1.value.series[0].markLine.data[1].label.formatter = `下限=${chartData.value.lclX}`;
   chartsOption1.value.series[0].markLine.data[2].yAxis =
     chartData.value.xDoubleBar;
   chartsOption1.value.series[0].markLine.data[2].label.formatter = `x̄=${
@@ -120,15 +115,15 @@ const setChart2Info = () => {
   // chartsOption2.value.title[0].text = `上限=${showData.value.rangeMax ? showData.value.rangeMax : "-"}`;
   // chartsOption2.value.title[0].text = `R=${showData.value.rangeAvg ? showData.value.rangeAvg : "-"}`;
   chartsOption2.value.series[0].markLine.data[0].yAxis = chartData.value.uclS;
-  chartsOption2.value.series[0].markLine.data[0].label.formatter = `   上限=${
+  chartsOption2.value.series[0].markLine.data[0].label.formatter = `上限=${
     chartData.value.uclS
   }`;
   chartsOption2.value.series[0].markLine.data[1].yAxis = chartData.value.lclS;
-  chartsOption2.value.series[0].markLine.data[1].label.formatter = `   下限=${
+  chartsOption2.value.series[0].markLine.data[1].label.formatter = `下限=${
     chartData.value.lclS
   }`;
   chartsOption2.value.series[0].markLine.data[2].yAxis = chartData.value.sBar;
-  chartsOption2.value.series[0].markLine.data[2].label.formatter = `   x̄=${
+  chartsOption2.value.series[0].markLine.data[2].label.formatter = `x̄=${
     chartData.value.sBar
   }`;
   // chartsOption2.value.title[2].text = `下限=${showData.value.rangeMin ? showData.value.rangeMin : "0"}`;
@@ -198,16 +193,6 @@ const chartsOption1 = ref({
       left: "40%",
     },
     {
-      text: "样",
-      left: "4%",
-      top: "28%",
-    },
-    {
-      text: "本",
-      left: "4%",
-      top: "35%",
-    },
-    {
       text: "均",
       left: "4%",
       top: "42%",
@@ -239,6 +224,7 @@ const chartsOption1 = ref({
   yAxis: [
     {
       type: "value",
+      scale: true, // 开启自适应缩放
     },
   ],
   series: [
@@ -321,29 +307,19 @@ const chartsOption2 = ref({
     //   },
     // },
     {
-      text: "样",
-      left: "4%",
-      top: "28%",
-    },
-    {
-      text: "本",
-      left: "4%",
-      top: "35%",
-    },
-    {
       text: "标",
       left: "4%",
-      top: "42%",
+      top: "35%",
     },
     {
       text: "准",
       left: "4%",
-      top: "49%",
+      top: "42%",
     },
     {
       text: "差",
       left: "4%",
-      top: "56%",
+      top: "49%",
     },
   ],
   toolbox: {
@@ -364,6 +340,7 @@ const chartsOption2 = ref({
   yAxis: [
     {
       type: "value",
+      scale: true, // 开启自适应缩放
     },
   ],
   tooltip: {