From 4b45cd6d991827c1784b4a65cd0b5c7a36337a94 Mon Sep 17 00:00:00 2001
From: zhangshun <453905631@qq.com>
Date: Tue, 16 Jun 2026 10:29:51 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=85SPC=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E9=A1=B5=E5=9B=BE=E5=BD=A2=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/spc_test.html | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/public/spc_test.html b/public/spc_test.html
index fcefbe1..e212f06 100644
--- a/public/spc_test.html
+++ b/public/spc_test.html
@@ -304,6 +304,18 @@
         height: 300px;
       }
 
+      .chart-note {
+        padding: 0 12px 12px;
+        color: var(--muted);
+        font-size: 13px;
+        line-height: 1.55;
+      }
+
+      .chart-note strong {
+        color: var(--text);
+        font-weight: 750;
+      }
+
       .chart.empty {
         display: grid;
         place-items: center;
@@ -534,6 +546,10 @@
                   <span>XR</span>
                 </div>
                 <div class="chart empty" id="xrChart">等待执行</div>
+                <div class="chart-note">
+                  <strong>Xbar-R</strong>
+                  用子组均值观察过程中心，用子组极差观察组内波动。适合子组容量较小的连续型测量数据，图中的 CL 为中心线，UCL/LCL 为控制限。
+                </div>
               </div>
               <div class="chart-card wide">
                 <div class="chart-title">
@@ -541,6 +557,10 @@
                   <span>XS</span>
                 </div>
                 <div class="chart empty" id="xsChart">等待执行</div>
+                <div class="chart-note">
+                  <strong>Xbar-S</strong>
+                  用子组均值观察过程中心，用样本标准差观察组内离散程度。适合子组容量较大或更关注标准差口径的场景，S 图的控制限由 B3/B4 系数计算。
+                </div>
               </div>
               <div class="chart-card">
                 <div class="chart-title">
@@ -548,6 +568,10 @@
                   <span>Cp / Cpk / Pp / Ppk</span>
                 </div>
                 <div class="chart empty" id="capabilityChart">等待执行</div>
+                <div class="chart-note">
+                  <strong>能力指标</strong>
+                  对比规格限下的短期和整体能力。柱子越高表示能力越强，参考线 1.00 和 1.33 用于快速判断过程是否达到常见能力门槛。
+                </div>
               </div>
               <div class="chart-card">
                 <div class="chart-title">
@@ -555,6 +579,10 @@
                   <span>Histogram</span>
                 </div>
                 <div class="chart empty" id="histogramChart">等待执行</div>
+                <div class="chart-note">
+                  <strong>直方图</strong>
+                  查看测量值分布、偏态和集中区间。正态曲线按当前计算结果叠加，用来辅助判断数据分布与能力指标是否相互印证。
+                </div>
               </div>
               <div class="chart-card wide">
                 <div class="chart-title">
@@ -562,6 +590,10 @@
                   <span>I-MR</span>
                 </div>
                 <div class="chart empty" id="imrChart">等待执行</div>
+                <div class="chart-note">
+                  <strong>I-MR</strong>
+                  直接使用原始单点序列，适合没有稳定子组或每次只采一个值的场景。I 图看单值是否越界，MR 图看相邻两点变化是否异常。
+                </div>
               </div>
               <div class="chart-card wide">
                 <div class="chart-title">
@@ -569,6 +601,10 @@
                   <span>Run</span>
                 </div>
                 <div class="chart empty" id="runChart">等待执行</div>
+                <div class="chart-note">
+                  <strong>Run Chart</strong>
+                  不使用控制限，重点观察连续上升、连续下降、周期性和长时间偏在中位线一侧等趋势。它适合在看控制图前先做快速过程扫描。
+                </div>
               </div>
               <div class="chart-card wide">
                 <div class="chart-title">
@@ -576,6 +612,10 @@
                   <span>Median-R</span>
                 </div>
                 <div class="chart empty" id="medianRChart">等待执行</div>
+                <div class="chart-note">
+                  <strong>Median-R</strong>
+                  用每个子组的中位数替代均值，对个别异常点更稳健。它可以和 Xbar-R 对照，如果均值图异常而中位数图稳定，通常说明异常点影响较大。
+                </div>
               </div>
               <div class="chart-card wide">
                 <div class="chart-title">
@@ -583,6 +623,10 @@
                   <span>EWMA</span>
                 </div>
                 <div class="chart empty" id="ewmaChart">等待执行</div>
+                <div class="chart-note">
+                  <strong>EWMA</strong>
+                  对历史数据做指数加权，当前页面 lambda 取 0.2。它比普通控制图更容易发现持续的小幅漂移，适合验证过程是否慢慢偏离目标。
+                </div>
               </div>
             </div>