Ricon组态实时监控 - 毫秒级数据可视化

实时监控功能详解

Ricon组态系统提供强大的实时监控能力,支持毫秒级数据更新,让您随时掌握设备运行状态。

📡 通信协议支持

WebSocket实时通信
  • 连接地址 : ws://host:port/ws
  • 重连机制: 自动重连,间隔3秒
  • 心跳检测: 30秒心跳间隔
  • 数据格式: JSON格式
WebSocket数据格式
javascript 复制代码
{
    "MESSAGETYPE": "01",           // 消息类型:01=数据更新
    "MESSAGECONTENT": {            // 数据内容
        "d1a001": 25.5,           // 数据点键值对
        "d2a001": 100,
        "d3a001": "运行"
    },
    "STAGEID": "场景ID",           // 关联的场景ID
    "TS": 1699123456789           // 时间戳
}
MQTT协议支持
  • 支持MQTT over WebSocket
  • 支持订阅/发布模式
  • 质量等级配置
HTTP轮询接口
复制代码
GET /api/stageData?stageId=场景ID

📊 数据可视化

ECharts图表集成

支持多种图表类型:

  • 📈 折线图 - 数据趋势展示
  • 📊 柱状图 - 数据对比分析
  • 🥧 饼图 - 占比关系展示
  • 📉 面积图 - 数据累积展示
  • 🌡️ 仪表盘 - 实时数值显示
图表配置示例
javascript 复制代码
{
    "type": "echart",
    "chartType": "line",
    "dataKey": "d1a001",
    "config": {
        "title": "温度趋势",
        "xAxis": {
            "type": "time",
            "data": []
        },
        "yAxis": {
            "type": "value",
            "min": 0,
            "max": 100
        },
        "series": [{
            "name": "温度",
            "type": "line",
            "data": []
        }]
    }
}

🎬 动画效果

支持的动画类型
  • 🔄 旋转动画 - 设备旋转效果
  • 🔀 流动动画 - 物料流动效果
    立即体验

👉 演示地址 : http://www.ricon.cloud:81

🌐 官网地址 : http://www.ricon.cloud

相关推荐
RobinDevNotes1 小时前
从 Electron 到 GPUI,9 个跨平台桌面方案该怎么选
前端·javascript·rust·electron·openresty·前端开发工具
jay神2 小时前
基于 YOLOv8 的轴承缺陷检测(Web 版)
前端·人工智能·yolo
t13970182 小时前
MPPT 和 PWM 有什么区别?小功率太阳能供电到底该选哪个
嵌入式硬件·物联网
jay神2 小时前
基于 YOLOv8 的森林火灾检测系统(Web 版)
前端·yolo
code2cat2 小时前
HTML基础篇之第一张网页:从index.html到浏览器里的任务清单
前端·html
freejackman3 小时前
【工程化】从“单兵作战”到“多引擎架构”:基于门面模式的重构实战
大数据·数据库·hive·sql·测试工具·设计模式·架构
miss3 小时前
AI 改完不敢上线?OpenSpec 规约驱动开发实战
前端·代码规范·前端工程化
AiMan3 小时前
腾讯ima还是不可以导出左侧所有对话,只能单条导出,方法不对吗
前端
去伪存真3 小时前
并发量一高就装死?Agent 全链路“防猝死”手册
前端·agent
Moment4 小时前
AI 编程时代,聊聊我的 Mac mini 双屏桌面
前端·后端