指令与绘图联合工作台
左侧下发常用指令,右侧同步观察实时曲线
可编程指令按钮
支持多个本地页面,配置仅保存于当前浏览器
当前页面管理
重命名、复制与删除
指令按钮、页面与协议配置使用 localStorage 保存,不会上传到服务器。清理浏览器站点数据会删除这些内容,建议定期“保存工作区”。
等待绘图数据
发送 ASCII 示例协议,或启用 HEX 解析映射后接收二进制帧。
ASCII 固定绘图协议
一行支持多个 X、多个 Y、多个图像
#PLOT|plot=环境监测|xlabel=时间 / s|ylabel=测量值|x.time=1.20|x.distance=10|y.温度=23.4@time:spline|y.压力=101.2@time:line|y.位移=0.35@distance:scatter #PLOT|plot=空间扫描|xlabel=位置 / mm|ylabel=幅值 / V|x.position=12.5|y.幅值=0.82@position:polyline
- plot:图像名称;不同名称自动创建不同图像。
- xlabel / ylabel:可选,设置本图的横、纵坐标标题,也可在图像右上角手动修改。
- x.名称=数值:定义横坐标,可在一行中定义多个。
- y.曲线名=数值@横坐标名:样式:定义纵坐标及其绑定的 X。
- 样式:line、polyline、spline、scatter。
- 每条数据必须以换行结束(LF、CRLF 均可)。
ASCII 解析测试
无需串口即可验证设备输出格式
HEX 固定帧绘图配置
帧头 + 固定帧长 + 字段偏移
尚未应用配置。
HEX 方案说明
简单、可适配大多数定长二进制协议
- header:帧头,如 AA55。
- frameLength:完整帧字节数,包含帧头与校验字节。
- offset:从帧第 0 字节开始计算的字段偏移。
- 数据类型:uint8/int8/uint16/int16/uint32/int32/float32/float64。
- checksum:支持 none、xor8、sum8;xor8/sum8 默认校验最后一个字节。
推荐使用流程
云端部署版本
- 使用 Windows 版最新版 Edge 或 Chrome 打开 HTTPS 页面。
- 点击“选择/授权串口”,在浏览器弹窗中选择对应 COM 口。
- 设置波特率、数据位、停止位和校验位,再点击“打开串口”。
- 先在“串口终端”确认 RX/TX 正常,再配置绘图协议。
- 在“指令面板”建立多个页面,把常用命令制作成按钮。
- 完成配置后使用“保存工作区”备份为 JSON 文件;曲线数据也会一并保存。
浏览器限制
这是安全机制,不是程序故障
- 公网部署必须使用 HTTPS。
- 首次连接必须由用户点击并在系统弹窗中选择串口。
- 网页不能静默枚举所有 COM 名称;只能列出当前域名已经授权的设备。
- 本地配置绑定当前域名和浏览器;更换浏览器或清理站点数据后需重新配置。
- 页面关闭后串口连接会终止,不适合无人值守后台采集。