可视化应用3. Web Visualization

可视化应用开发

更新于:2026年8月11日

1 功能概述

Web Visualization 是机器人系统提供的数据可视化工具,用于在浏览器中查看机器人运行过程中的实时数据,以及回放已录制的 ros2 bag 数据。该工具主要用于运行状态观察、数据分析和问题排查,无需安装额外软件。


1.1 功能入口

  • 通过 Dashboard 进入

    • 系统状态 → 工具箱 → 机器人可视化工具 → Go

  • 直接网址进入

进入后即可看到 Web Visualization 页面,如下图所示:


2 查看实时数据

通过该页面,可以实时查看机器人运行过程中的各类数据(如关节状态、传感器数据等)。

2.1 操作步骤

  1. 在页面中点击 Open connection

  2. Foxglove WebSocket 地址中选择或输入 ws://192.168.0.162:8765

    1. 注意:是 ws,不是 wss

  3. 连接成功后,页面将显示可用的数据内容

  4. 切换到对应的 Tab(标签页),即可查看相应的实时数据曲线或信息

2.2 使用说明

  • 数据会随着机器人运行实时刷新

  • 不同 Tab 对应不同类型的数据

  • 若机器人未运行或对应模块未启动,可能无数据显示


3 查看已录制的 ros2 bag

除了实时数据外,该工具还支持回放已录制的 ros2 bag 数据,用于事后分析和复现问题。

3.1 操作方式

  1. 在页面中选择需要播放的 bag 文件

  2. 支持将 bag 文件直接拖拽到网页中

3.2 多 bag 连续播放

  • 从面板中下载的 bag 文件解压后

  • 可同时选择多个 bag 文件拖拽到网页中

  • 系统会按照统一时间轴同步播放多个 bag

3.3 使用说明

  • 播放、暂停、拖动时间轴均在页面中完成

  • 适用于故障复盘和数据分析场景


4 支持录制的数据说明

当前系统在进行数据录制(ros2 bag)时,支持以下数据内容,用于运行状态观察和问题分析:

Plain Text
Bash/rosout/hardware/joint_state/hardware/joint_command_feedback/hardware/imu_info/motion/motion_state/hardware/motor_debug/hardware/gamepad_keys
  • /rosout: 系统运行日志信息。

    • 记录机器人各模块运行过程中的日志输出

    • 常用于查看报错、告警和关键状态信息

    • 主要供技术支持或问题排查时使用

  • /hardware/joint_state: 关节状态数据。

    • 包含机器人各关节的当前位置、速度等信息

    • 用于观察关节运动是否正常

    • 可在可视化界面中查看关节变化曲线

  • /hardware/joint_command_feedback: 关节指令反馈数据。

    • 记录控制指令与实际反馈之间的情况

    • 可用于判断指令是否正确执行

    • 常用于运动异常分析

  • /hardware/imu_info: IMU 传感器数据。

    • 包含姿态、加速度等信息

    • 用于观察机器人整体姿态变化

    • 在行走、转向等场景下尤为重要

  • /motion/motion_state: 运动状态信息。

    • 反映当前机器人所处的运动状态

    • 可用于判断机器人是否在行走、站立或切换动作

    • 适合结合其他数据一起分析运动过程

  • /hardware/motor_debug: 电机调试数据。

    • 记录电机运行过程中的调试信息

    • 可用于分析电机异常、抖动或过载情况

    • 一般在问题分析时使用

  • /hardware/gamepad_keys: 手柄输入数据。

    • 记录外接手柄或控制器的按键输入

    • 可用于回放人工操作过程

    • 方便分析操作与机器人动作之间的对应关系


5 常见使用场景

5.1 场景一:观察机器人运行状态

  • 连接 WebSocket

  • 查看实时数据曲线

  • 判断机器人当前运行是否正常

5.2 场景二:问题复盘与分析

  • 打开已录制的 ros2 bag

  • 回放历史数据

  • 分析异常发生时的数据变化


6 注意事项

  • 使用前请确保已连接机器人 Wi-Fi

  • WebSocket 地址填写错误将无法连接

  • 实时数据依赖机器人当前运行状态

  • bag 文件较大时,加载可能需要一定时间

3. Web Visualization | 众擎开源平台