QCSPCChartJSTS

SPC Control Chart Tools for JavaScript/TypeScript

添加变量控制图（X-Bar R、X-Bar Sigma、Individual Range、Median Range、EWMA、MA、MAMR、MAMS 和 CuSum 图）、属性控制图（p-、np-、c-、u- 和 DPMO 图表）、频率直方图和帕累托图表到您的网站，使用 JavaScript/TypeScript 的 SPC 控制图表工具。

以上是使用这些工具创建的交互式 XBar-R 图表。 右侧的滚动条、工具提示和切换按钮都可以自定义图表。

适用于 JavaScript/TypeScript 软件的 QCSPCChart 代表了 QCSPCChart 库对 JavaScript 和 HTML5 用户界面框架的改编。

围绕 HTML5 Canvas 图形框架编写，并组织为 JavaScript ES6 模块导入，生成的 JavaScript 库完全独立于所有第三方库。 结果是一个易于使用的交互式 SPC 图表包，它将在任何支持现代浏览器的计算机上运行，在 Windows 或 Linux 下运行。现代浏览器被认为是支持 HTML5，特别是 HTML5 Canvas 元素的浏览器。 这包括：IE (9+)、Firefox (1.5+)、Safari (1.3+)、Chrome 和 Opera (9+)。 它可以作为 JavaScript 插入到 Asp.Net 和 MVC 应用程序中。

典型用户是 SPC 工程师和其他质量控制专业人员，他们创建基于 JavaScript 的 Web 应用程序，用于监控制造、流程和服务行业中的关键质量因素。功能丰富的工具包包括最常见的 SPC 控制图类型的模板：变量控制图（X-Bar R、X-Bar Sigma、Individual Range、Median Range、EWMA、MA、MAMR、MAMS 和 CuSum 图）、属性控制图（p-、np-、c-、u- 和 DPMO-图）、频率直方图、概率图和 Pareto 图。该软件将使用支持的变量控制图和属性控制图类型的历史数据自动计算 SPC 控制限。可为标准 +3 sigma 控制限制或标准 SPC 规则集（WECO、Nelson、Juran、Hughes、Gitlow、AAIG、Westgard 和 Duncan）生成警报。警报可以在 SPC 图表和表格中以颜色突出显示。它还将计算过程能力比率（Cp、Cpl、Cpu、Cpk 和 Cpm）和过程性能指数（Pp、Ppl、Ppu 和 Ppk）。用户能够与图表交互：添加注释、定义自定义工具提示和编辑注释。没有任何价格的 JavaScript/TypeScript 可比产品。

与 JavaScript 的 QCSPCChart (JS-SPC2-DEVR) 的关系

我们 (Quinn-Curtis) 有一个相关的产品，它也是用 JavaScript 编写的。它被称为 JavaScript 的 QCSPCChart。它利用 Google 提供的称为 GWT（Google Web Toolkit）的框架，您可以在其中使用 Java 编程语言编写源代码，并将生成的源代码转换为 JavaScript。此外，GWT 还包括许多将 Java 代码转换为 JavaScript 所需的额外支持库。这种方法的缺点是，由于名称修改和优化，生成的 JavaScript 库中的函数不能从浏览器中运行的 JavaScript 或外部 JavaScript 文件调用。相反，使用 QCSPCChart 库创建图表是使用 JSON 模板进行的。这限制了使用 QCSPCChart 库的 Web 应用程序的整体可编程性。 5 年后，我们觉得这个产品和 GWT 已经走到了尽头，我们正在用这个用于 JavaScript/TypeScript 软件的 QCSPCChart 取代它。由于 JavaScript/TypeScript 的 QCSPCChart 完全用 TypeScript 编写，不依赖外部库，因此它是开发人员前进的更好选择。

主要优势

  • 由于对最常见的 SPC 控制图表使用了高级模板，因此开发速度快
  • 在单个 HTML 页面中使用多个 HTML5 Canvas 元素在 <div> 中使用无限数量的图表。块
  • 图表对数据点或时间范围的数量没有限制
  • 集成的直方图和表格显示无需编程
  • 与您的数据库集成，因为该软件使用 JavaScript 进行编程。
  • 使用 JavaScript 或 TypeScript 对您的应用程序进行编程。
  • 软件的交互部分适用于鼠标驱动的工作站、触摸驱动的平板电脑和手机。< /li>
  • 不会错过任何警报条件，警报可以在图表和表格中强烈突出显示
    此版本与工作站版本的 QCSPCChart 之间的差异
  • 100%软件是客户端 JavaScript。因此，它无法访问客户端计算机文件系统。
  • 没有 SPC 数据的数据日志文件。
  • 没有集成的图表打印。任何打印都必须通过浏览器处理。

功能摘要

  • 该软件与您用于编写和调试 JavaScript 代码的任何编辑器兼容。我们推荐适用于 Windows 和 Linux 的 Visual Studio Code IDE。
  • 基于 JavaScript HTML5 Canvas 图形绘图框架 - 与 JavaScript 组件和元素兼容。
    • < li>所有导出的公共函数都可以从 JavaScript 和 TypeScript 调用——该软件被组织为一个 ES6 模块，库的公共/导出函数可以在它们自己的命名空间中调用。< li>Asp.Net 和MVC 兼容– 由于软件是纯JavaScript，它可以插入到传统和MVC Asp.Net 应用程序中。提供的示例。
  • 独立于所有第三方库 – 软件的源代码用 TypeScript 编写并转译（编译）成纯 JavaScript。没有第三方库可以使模块加载顺序复杂化。
  • 变量控制图模板 - 变量控制图模板 – X-Bar R –（平均值和范围），X- Bar Sigma, (Mean and Sigma), Median and Range, X-R (Individual Range Chart), EWMA (exponentially weighted moving average), MA (moving average), MAMR (moving average/moving range), MAMS (moving average/moving sigma) ) 和 CuSum。 X-Bar Sigma 图表的特殊版本支持可变样本子组大小。
  • XBar-R（均值范围图）
  • XBar-Sigma 图表
  • 单个范围（I-R 或 X-R 图表）
  • Levey-Jennings 图
  • 移动平均线 - 移动范围（MAMR 图表）
  • 移动平均线 - 移动西格玛（MAMS 图表）
  • 指数加权移动平均线（EWMA 图表）
  • 具有可变样本量的 XBar-Sigma
  • Cusum（表格累积和图表）

我们示例中的变量控制图

  • 属性控制图模板 – p-Chart（缺陷零件的百分比或百分比，不合格的百分比或百分比），np-Chart（缺陷零件的数量，不合格的数量），c-Chart （缺陷数量、不合格数量）、u-Chart（每单位缺陷数量、每单位不合格数量）和 DPMO-Chart（每百万缺陷数量）。 p-Chart 和 u-Chart 模板提供支持可变子组样本大小的版本。
  • 部分有缺陷的零件（p-图）
  • 有缺陷的零件数量（np-chart）
  • 缺陷数图表 (c-chart)
  • 每单位的缺陷数（u 形图）
  • 每百万缺陷数（DPMO-图表）
  • 具有可变样本量的缺陷零件百分比

我们示例中的属性控制图

  • 其他 SPC 图表模板 - 频率直方图、带有概率尺度和轴的正态概率图以及帕累托图。
  • 频率直方图
  • 帕累托图
  • 集成表格支持 – 采样值、计算数据值和警报状态值可以成为 SPC 控制图的一部分。 每个样本子组都有一个弹出注释文本编辑框，操作员可以在其中添加观察结果。
  • 集成频率直方图 - 变量控制图和属性控制图可以显示频率直方图，并带有可选的正态曲线拟合，与主 SPC 图表并排显示过程变量。
  • 左侧的频率直方图和顶部的数据表是可选的
  • 自定义图表的颜色、文本和符号
  • 自定义图表对象 – 程序员可以访问在 SPC 图表模板中创建的所有绘图对象，从而为 SPC 图表的外观提供极大的灵活性。
  • 过程能力比率和过程性能指标 – 自动计算和显示过程能力比率（Cp、Cpl、Cpu、Cpk 和 Cpm）和过程性能指标（Pp、Ppl、Ppu 和 Ppk）
  • 可以为每个采样间隔计算过程能力值
  • 所有图表类型都支持可变控制限制
  • 可变 SPC 控制限制 - 控制限制可以是固定的，也可以随时间变化。 可变控制限可以手动指定，也可以作为使用子组可变样本大小的控制图的结果自动计算。
  • SPC 控制限可以手动设置，也可以使用历史数据计算
  • 1-、2- 和 3-sigma 限制可以添加到图表中并可选择填充
  • SPC 控制限制计算 – SPC 控制限制可以根据您自己的计算结果明确设置，或者可以使用我们自己的内部计算在 1-、2- 和 3- sigma 水平上自动计算限制 例程多个 SPC 控制限 - 控制限可以设置在 1-sigma、2-sigma 和 3 sigma 级别，用于 SPC 控制上限和下限。
  • WECO 控制规则
  • AIAG 控制规则
  • Westgard 控制规则
  • Western Electric (WECO)、Nelson、Juran、Hughes、Gitlow、AAIG、Westgard 和 Duncan 规则 – 软件将自动计算和处理 Western Electric 运行时规则（WE 1、2、 3 和 4）和补充（趋势）规则（WE 5、6、7 和 8）。 它还将处理 Nelson、Juran、Hughes、Gitlow、AAIG、Westgard 和 Duncan 规则集。 可以自定义任何标准规则集的规则参数（例如，M 中的 N 超过 +-2 sigma）。 混合和匹配来自不同规则集的规则，以创建您自己的自定义规则集。 您还可以使用我们的标准化规则模板定义自定义规则。
  • 显示时间和价值的简单数据工具提示
  • 显示时间、XBar 值、采样间隔值和过程能力值的详细数据工具提示
  • 报警状态工具提示
  • 数据工具提示 - 集成数据工具提示在弹出窗口中显示图表数据值。
  • 警报功能 – 表格部分中有一个新的状态行，可以直接指示相应的过程变量是否处于警报状态。 状态行有一个工具提示，所以如果你点击一个警报，一个弹出框会显示你的详细信息。 可选地，与采样间隔相关的整个列可以用颜色突出显示以指示警报条件。 警报详细信息可以自动记录到注释日志中。 用于在主要和次要图表中绘制过程变量点的符号可以在发生警报时更改颜色。
  • 控制限制警报事件 – 只要过程变量超过 SPC 控制限制，就会触发警报事件。
  • 集成滚动 - 滚动条选项允许用户从代表数百甚至数千个子组的更大的测量数据集合中一次查看 8-20 个样本子组，并在其中移动 数据，类似于通过电子表格进行分页。 滚动条控制表格和图表的滚动。
  • 集成缩放 - 水平滚动条可以通过单击右下角的 z 按钮使用带有缩放窗口的 UI 替换（实际上是打开/关闭）。 用户将能够通过向左或向右拖动透明的蓝色缩放窗口来滚动图表，或通过拖动缩放窗口的左边缘或右边缘来扩展 x 轴刻度。
  • 缩放选项可让您自定义图表中显示的样本间隔数
  • 切换按钮可让您自定义显示
  • 图表元素的切换按钮 - 切换按钮可用于打开/关闭表格行和任一图表的显示。
  • SPC 图表的动态更新 - SPC 图表可以实时更新并重新计算控制限制。自动缩放 - SPC 图表的 y 轴可以 自动缩放以显示所有数据和控制限制，或者可以显式设置 y 轴的最小值和最大值。
  • 文档和演示/示例程序 - 该软件包括一个全面的 350 页用户手册和许多编程示例。

用于 JavaScript/Typescript 开发人员许可的 SPC 控制图工具

  • 适用于 JavaScript/TypeScript 开发人员许可证的 SPC 控制图工具在不会超时的开发人员版本（型号 #JSTS-SPC2-DEVR）中可用。两年免费更新。
  • 适用于 JavaScript/TypeScript 开发人员许可证的 SPC 控制图工具仅授权给个人。它不能由同一公司的多人使用，除非为每个人购买单独的许可证。如果多个开发人员在一个网站上工作，您将需要为每个开发人员提供开发人员许可证。站点许可证也可用。联系 sales@quinn-curtis.cn 详细说明您希望购买的座位数量，我们将回复报价。
  • SPC 控制图工具软件不使用可再发行许可证。基本开发者许可证允许您将 QCSPCChart 作为您的网络应用程序的一部分，并将其合并到多个网站上，免版税。


用于 JavaScript/TypeScript 可再发行许可的 SPC 控制图工具

  • SPC 控制图工具软件不使用可再发行许可证。基本开发者许可证允许您将 QCSPCChart 作为您的 Web 应用程序的一部分，并将其合并到多个网站上，免版税。但是，您不能利用此软件创建工具包供其他开发人员用作开发系统的一部分。这将有效地与我们竞争，我们不能让您将此软件用于此目的，除非您与我们协商一项特殊的许可协议。

定制编程服务

  • 图表应用程序的用户界面种类繁多，与使用该软件的行业一样多样化。制药公司应用程序的最终用户希望以不同于汽车行业最终用户的方式与图表交互。
  • 我们知道您的应用程序可能类似于，但仍然与我们的任何示例程序都不同。为此，我们提供编程服务，为您编写自定义示例程序，演示如何编写所需的图表格式和用户界面。项目的快速启动可以为您节省数周的工作时间，让您看起来像一个图表编程天才。您所要做的就是详细描述您希望示例做什么。
  • 使用适用于 JavaScript/TypeScript 的 SPC 控制图工具，我们的专业知识范围包括 JavaScript、TypeScript、JSON、Java、 C++、VB 和 C# 编程语言。如需更多信息或报价，请通过sales@quinn-curtis.cn联系我们的销售部门。

没有您需要的功能？ 让我们知道这些是什么，以便我们可以在后续版本中添加它们。 联系人：sales@quinn-curtis.cn