# spcTools

**Repository Path**: ymruse/spc-tools

## Basic Information

- **Project Name**: spcTools
- **Description**: 旨在帮助产品人员、项目人员或开发人员进行SPC分析的计算，其中提出了七种常用的质量分析图表的计算方法与意义（本文针对计量性数据，如压力值、扭矩值 等）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 22
- **Created**: 2024-12-21
- **Last Updated**: 2024-12-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <img width="20%" src="/img/logo.png">
</p>
<p align="center">
  <img src="https://img.shields.io/badge/Author-Sirio-orange" alt="author">
  <img src="https://img.shields.io/badge/version-V1.0-GREEN" alt="Version">
  <a href="https://gitee.com/Sirio"><img src="https://img.shields.io/badge/Gitee-Sirio-lightgrey" alt="License"></a>
</p>

> 旨在帮助产品人员、项目人员或开发人员进行SPC分析的计算，工具中提供七种常见定量型SPC图表计算函数，返回值可直接用于绘图。

<p align="center">
  <img width="100%" src="/img/aa.gif">
</p>

## 文档地址

Check out our docs at http://sirio.gitee.io/spc-tools/.

## 运行说明

```bash
git clone git@gitee.com:Sirio/spc-tools.git
cd spcTools # 进入目录
npm install # 安装依赖
npm run serve # 运行项目
```

## 工具说明

- 工具位置：src/utils/spcTools.js
- 1）将spcTools.js拷贝到自己的项目中
- 2）若使用VUE则在main.js中引用:
- import * as spcTools from '../src/utils/spcTools'
- Vue.prototype.$spcTools = spcTools
- 3）使用this.$spcTools.func 进行调用
- 4）使用得到得结果进行绘图

```bash 
 * this.$spcTools.spcTools.xRControl(dataList, subgroupNum, subgroupCapacity)  -均值-极差控制图
 * 参数说明：dataList:散点数据源、subgroupNum:子组个数（分成多少组）、subgroupCapacity:子组容量（每组多少个）
 
 * this.$spcTools.spcTools.xSControl(dataList, subgroupNum, subgroupCapacity)  -均值-标准差控制图
 * 参数说明：dataList:散点数据源、subgroupNum:子组个数（分成多少组）、subgroupCapacity:子组容量（每组多少个）
  
 * this.$spcTools.spcTools.cpkChart(dataList, subgroupNum, upperSpecificatioLimit, lowerSpecificationLimit, sigmaMultiple)  -工序能力分析图
 * 参数说明：dataList:散点数据源、subgroupNum:子组个数（分成多少组）、upperSpecificatioLimit:工程规格上限、lowerSpecificationLimit:工程规格下限、sigmaMultiple:sigma倍数
 
 * this.$spcTools.spcTools.histogram(dataList, subgroupNum)  -直方图
 * 参数说明：dataList:散点数据源、subgroupNum:子组个数（分成多少组）
 
 * this.$spcTools.spcTools.permutationChart(dataList)  -排列图
 * 参数说明：dataList:散点数据源
 
 * this.$spcTools.spcTools.sampleTrendChart(dataList)  -样本趋势图
 * 参数说明：dataList:样本数据源
 
 * this.$spcTools.spcTools.basicTrendChart(dataList, upperSpecificatioLimit, lowerSpecificationLimit):基本趋势图
 * 参数说明：dataList:散点数据源、upperSpecificatioLimit:工程规格上限、lowerSpecificationLimit:工程规格下限
```
## 均值-极差控制图
- 说明：均值图用于显示样本间的波动，观察和分析数据分布的均值变化，即过程集中趋势（稳定趋势）；极差图用于显示样本内波动，即过程的离散程度。两者联合可以用来观察分布的变化。
- this.$spcTools.spcTools.xRControl(dataList, subgroupNum, subgroupCapacity)  -均值-极差控制图
- 参数说明：dataList:散点数据源、subgroupNum:子组个数（分成多少组）、subgroupCapacity:子组容量（每组多少个）
<p align="center">
  <img width="100%" src="/img/1.png">
</p>

## 均值-标准差控制图
- 说明：与均值极差图相似，只是用标准差图代替极差图。由于极差计算起来相对简便，故而得到了广泛的应用。只是当样本总量大于10时，应用极差估计总体标准差的效率减低，这时需要用标准差图代替极差图
- this.$spcTools.spcTools.xSControl(dataList, subgroupNum, subgroupCapacity)  -均值-标准差控制图
- 参数说明：dataList:散点数据源、subgroupNum:子组个数（分成多少组）、subgroupCapacity:子组容量（每组多少个）
<p align="center">
  <img width="100%" src="/img/2.png">
</p>

## 工序能力分析图
- 说明：过程能力也称工序能力，是指过程加工方面满足加工质量的能力，它是衡量过程加工内在一致性的，最稳态下的最小波动。
- this.$spcTools.spcTools.cpkChart(dataList, subgroupNum, upperSpecificatioLimit, lowerSpecificationLimit, sigmaMultiple)  -工序能力分析图
- 参数说明：dataList:散点数据源、subgroupNum:子组个数（分成多少组）、upperSpecificatioLimit:工程规格上限、lowerSpecificationLimit:工程规格下限、sigmaMultiple:sigma倍数
<p align="center">
  <img width="100%" src="/img/3.png">
</p>

## 直方图
- 说明：直方图的目的就是把数据按一定的规则对数据进行分组，分组后的数据以图形的形式展现，直观的反应数据在各区间的数量
- this.$spcTools.spcTools.histogram(dataList, subgroupNum)  -直方图
- 参数说明：dataList:散点数据源、subgroupNum:子组个数（分成多少组）
<p align="center">
  <img width="100%" src="/img/4.png">
</p>

## 排列图
- 说明：帕累托图可以用来分析质量问题，确定产生质量问题的主要因素。
- this.$spcTools.spcTools.permutationChart(dataList)  -排列图
- 参数说明：dataList:散点数据源
<p align="center">
  <img width="100%" src="/img/5.png">
</p>

## 样本趋势图
- 说明：样本趋势图就像不断改变的记分牌。它的主要用处是确定各种类型问题是否存在重要的时间模式。这样就可以调查其中的原因。
- this.$spcTools.spcTools.sampleTrendChart(dataList)  -样本趋势图
- 参数说明：dataList:样本数据源
<p align="center">
  <img width="100%" src="/img/6.png">
</p>

## 基本趋势图
- 说明：主要用于直接反应质量数据的走势情况，目的就是为了实时反应质量数据情况。
- this.$spcTools.spcTools.basicTrendChart(dataList, upperSpecificatioLimit, lowerSpecificationLimit):基本趋势图
- 参数说明：dataList:散点数据源、upperSpecificatioLimit:工程规格上限、lowerSpecificationLimit:工程规格下限
<p align="center">
  <img width="100%" src="/img/7.png">
</p>

## 开发者
<table>
  <td align="center"><a href="https://gitee.com/Sirio"><img src="/img/sirio.png" width="100px;" alt="Sirio"/><br /><sub><b>Sirio</b></sub></a><br />
  </td>
</table>

## 资料提供
<table>
  <tr>
    <td align="center"><img src="/img/sirio.png" width="100px;" alt="Sirio"/><br /><sub><b>Sirio</b></sub></a><br /></td>
    <td align="center"><img src="/img/chuang.png" width="100px;" alt="Chuang Liu"/><br /><sub><b>Chuang Liu</b></sub></a><br /></td>
    <td align="center"><img src="/img/cui.png" width="100px;" alt="Xu Cui"/><br /><sub><b>Xu Cui</b></sub></a><br /></td>
    <td align="center"><img src="/img/dongbo.png" width="100px;" alt="Dongbo Zhu"/><br /><sub><b>Dongbo Zhu</b></sub></a><br /></td>
    <td align="center"><img src="/img/hua.png" width="100px;" alt="Hua Zhu"/><br /><sub><b>Hua Zhu</b></sub></a><br /></td>
  </tr>
</table>