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

相关推荐
FungLeo3 小时前
成为全栈·React 管理后台篇·总复盘:从“接口能调通”到“后台值得使用”
前端·react.js·前端框架·项目复盘·成为全栈
代码方舟3 小时前
零信任架构实战:基于天远人企关联构建自动化供应链金融网关
运维·人工智能·架构·自动化
天远API4 小时前
零信任架构实战:基于天远人企关联构建自动化图谱网关
网络·人工智能·架构·自动化
Csvn5 小时前
并发模式:让渲染学会排队、插队和让路
前端
千里码aicood5 小时前
基于ECharts的电商平台用户行为数据分析
信息可视化·数据分析·echarts
可乐鸡翅yeah_5 小时前
新手梳理:M3U8 线上问题,哪些是前端锅,哪些是后端锅
前端·ios·音视频·实时音视频·m3u8·音视频在线播放
Flynt5 小时前
Linear 用 1000 个 PR 换掉 styled-components,我写了 200 个按钮,把这笔账复现了一遍
前端·css·preact
szxinmai主板定制专家6 小时前
RK3588+FPGA异构架构|高速数据采集+边缘AI落地应用全解析
人工智能·嵌入式硬件·fpga开发·架构·zynq
JavaGuide6 小时前
NVIDIA 又开源了!这次给 AI Agent 加上权限管控
前端·后端
李福春6 小时前
降SpringAI阿里第1掌-亢龙有悔-识势选型
人工智能·架构·腾讯云架构师同盟