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

相关推荐
灰山君5 小时前
从三维数字孪生到交互式图表:山海鲸可视化与pyecharts应用解析
大数据·信息可视化·数据分析·数字孪生·3d模型
吱吱鼠5 小时前
三、搞懂文件系统的物理存储结构:连续、链式、索引与多级索引
架构
葡萄城技术团队5 小时前
在 SpreadJS 里新增右键菜单,把业务动作放到用户手边
前端
大明二代5 小时前
从 RAG 到有记忆的 Agent:Mastra Memory 与 PostgreSQL 实战
前端·javascript·人工智能
deli0075 小时前
代码截图一键出 PNG 实测:3 种窗口风格,长行超 95 字符会被裁
前端
大哥43095 小时前
慢 ≠ 挂:AI 搜索降级判定的设计,与一次 reasoning 模型排查复盘
前端
UaoN6 小时前
作为全栈开发者,为什么看到 Shopify 回归原生,我依然选择 React Native
前端·后端
zhangjw346 小时前
1-3 PostgreSQL 架构模型:实例、数据库、Schema 模式、表空间完整概念
数据库·postgresql·架构
PBitW6 小时前
行内编辑,前端如何兜底?😭😭😭
前端·面试
小羊没烦恼!6 小时前
C#综合揭秘——Entity Framework 并发处理详解
java·开发语言·前端·javascript·数据库·mysql·c#