QCRTGraphJSTS
JavaScript/TypeScript 的实时图形工具
使用 JavaScript 和 TypeScript 将滚动图、仪表、条形图、仪表、信号器、动态文本和 UI 控件添加到网页。
JavaScript/TypeScript 软件的 QCRTGraph 代表 QCRTGraph 实时图形库对 JavaScript 和 HTML5 用户界面框架的改编。 整个 QCRTGraph 库是使用 TypeScript 语言编写的,它是 JavaScript 的超集。 生成的 TypeScript 代码被转译为 JavaScript,从而生成了库的纯 JavaScript 版本。 该库可以从浏览器内的 JavaScript、浏览器外部的 JavaScript 文件或已被转译成其 JavaScript 等价物的 TypeScript 文件调用。
单击下面的缩略图之一以查看作为 JavaScript 执行的实际大小实时显示
![Javascript /TypeScript real-time graphics Weather Station](img/weatherStationUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics tools MiniScope](img/miniScopeUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics tools Polygraph](img/polygraphUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics tools RT XY Plot](img/rtxyPlotUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics tools Treadmill](img/treadmillUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics tools Fetal Monitor](img/fetalmonitorUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics tools Dynamometer](img/dynamometerUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics tools auto instrument panel](img/autoinstrumentpanelUserControl11_small.jpg)
![Javascript/TypeScript real-time graphics tools Hybrid car](img/hybridcarUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics tools process monitoring](img/processmonitoringUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics tools stock display](img/rtstockdisplayUserControl11_small.jpg)
![Javascript /TypeScript real-time graphics sweep graph](img/sweepgraph_small.jpg)
![](img/4.jpg)
以上是使用这些工具构建的实时显示。 单击缩略图以查看作为 JavaScript 执行的实际实时显示。 所有这些都是软件中包含的示例程序。
该软件将 QCChart2D 图表软件与实时数据结构和专门的渲染程序集成在一起。 它专为实时数据的实时渲染而设计,使用新的专用类滚动图形、仪表(条形图)、仪表、信号器和文本。 使用 QCChart2D 类创建的绘图对象可以与用于 JavaScript/TypeScript 类的新实时图形工具自由混合。 缩放和工具提示等高级用户界面功能可与实时滚动图表一起使用。 一个过程变量类管理实时数据,无限数量的警报。 可以使用浏览器内置的打印功能打印实时显示。
设计注意事项
- 数据类的更新与将图形呈现到屏幕上是异步的。
- 实时绘图对象派生自 QCChart2D 绘图对象,从而产生了设置绘图对象属性的标准化方法。 < li>QCChart2D 软件包中的任何标准绘图类型,包括简单绘图类型和组绘图类型,都可以实现为滚动图。
- 过程变量通道的数量没有限制,数量没有限制 与过程变量相关联的警报限值,对图形中实时绘图的数量没有限制。
- 实时对象的更新不会干扰或覆盖其他对象,并将遵循 z- 创建图表时确定的顺序优先级。
功能摘要
- 包括用于 JavaScript/TypeScript 的 QCChart2D 图表工具 – JavaScript/TypeScript 的实时图形工具包括完整的 QCChart2D 图表工具 JavaScript/TypeScript。
- 基于 HTML5 - 该软件将图表放置在标准 HTML5 Canvas 元素中,放置在网页的任何位置。您可以在同一页面上组合任意数量的画布元素,每个元素都有一个或多个图表。
- 在 Windows 或 Linux 变体下开发 - 兼容所有 JavaScript 和/ 或 TypeScript 开发环境。我们为 Windows 和 Ubuntu 使用 Microsoft Visual Code。
- ES6 模块加载 – 它使用 JavaScript 的 ES6 异步模块加载规范,所有 JavaScript 和对库的所有调用都可以本地化到模块,防止函数名称的任何命名空间冲突。
- 自包含 – 无需第三方库 – 该软件完全用 TypeScript 编写,从而提供更好的可靠性、性能和可扩展性。
- 过程变量和警报 – 实时数据存储在 RTProcessVar 类中。 RTProcessVar 类旨在表示单个过程变量,包括限值、无限数量的上限和下限警报、历史数据存储以及用于显示的描述性字符串。
- 单值指示器 – 单值指示器是附加到单个 RTProcessVar 对象的实时显示对象。 这包括单通道条形指示器(包括实心、分段、自定义和指针条形指示器)、仪表指示器(包括仪表指针、仪表弧和仪表符号指示器)、单通道信号器指示器、面板仪表指示器和基于 QCChart2D SimplePlot 图表对象。
多色渐变可以映射到 RTMultiBarIndicator 中的条形图
- 多值指示器 – 多值指示器是附加到一组 RTProcessVar 对象的实时显示对象。 这包括多通道条指示器(包括实心、分段、自定义和指针条指示器)、多通道信号器指示器、以网格组织的面板仪表指示器以及基于 QCChart2D GroupPlot 图表对象的滚动图形。
- 警报指示器 – 警报指示器用于显示与单值和多值指示器类关联的 RTProcessVar 对象的警报线、符号和填充区域。
- 面板仪表指示器 – RTPanelMeter 派生类是单值指示器类的特例,在整个软件中用于以文本格式显示实时数据。 面板仪表可用于数值、字符串值、时间/日期值和警报
- 仪表轴对象 - 仪表指示器需要新的类来支持绘制仪表轴、仪表轴标签和仪表警报对象。
- 表单控件类 – RTControlButton 类为瞬时、切换和单选按钮样式按钮实现开/关颜色和开/关文本。 RTTrackBar 类添加了真实世界的缩放、轴、标签和经典的轨迹栏。 RTControlButton 和 RTTrackBar 对象可以在一个网格中组合在一起,从功能上和视觉上组织控制对象。
- 滚动框架 - 滚动框架管理显示在滚动图中的绘图对象坐标系的不断重新缩放。 修订版 2.0 为软件增加了一个垂直滚动框架。
- 流程变量查看器 – RTProcessVarViewer 类以表格形式显示流程变量的历史数据。
- 文档和演示/示例程序 – 软件包括一个全面的 400 页用户手册,其中包含许多编程示例,每个课程的 XML 帮助。 每个编程示例和示例程序都以 C# 和 Visual Basic 呈现。
用于 JavaScript/TypeScript 开发人员许可的实时图形工具
用于 JavaScript/TypeScript 可再发行许可的实时图形工具
- QCRTGraph 软件不使用可再发行许可证。 基本开发者许可证允许您将 QCRTGraph 作为您的 Web 应用程序的一部分,并将其合并到多个网站上,免版税。 我们不允许开发人员使用此软件创建图形工具包(库或将与程序开发环境结合使用的任何类型的图形组件)转售给其他开发人员。
定制编程服务
- QCRTGraph 是一个非常强大和灵活的软件包。它包含 150 多个类中的 1500 多个方法和属性。用户手册和帮助文件文档超过 1500 页。对于想要立即开始编程并在一周内完成应用程序原型的普通程序员来说,这可能会让人不知所措。
- 实时图形应用程序的用户界面种类繁多,与行业一样多样化使用该软件。汽车行业应用程序的最终用户期望以不同于参与实时股票交易的最终用户的方式与实时显示器进行交互。其他行业也是如此:医疗保健、半导体、质量控制、生物技术等。
- 这就是为什么我们编写了如此多优秀的示例程序,这些程序来自各行各业,使用了许多不同的用户界面的风格。
- 我们知道您的应用程序可能与我们的任何示例程序相似,但仍存在独特的不同。为此,我们提供编程服务,为您编写自定义示例程序,演示如何编写所需的实时显示格式和用户界面。项目的快速启动可以为您节省数周的工作时间,并使您看起来像一个实时图形编程天才。您所要做的就是详细描述您希望该示例做什么。
没有您需要的功能? 让我们知道这些是什么,以便我们可以在后续版本中添加它们。 联系方式:sales@quinn-curtis.cn
JavaScript/TypeScript 的实时图形工具包括 JavaScript/TypeScript 的 QCChart2D 图表工具。 无需同时订购。