数据可视化

概览

可视化视图是 Wuji Studio 的核心工作区。连接设备后,实时数据通过 Topic 发布,使用不同面板类型查看和分析数据。

进入可视化

设备管理页连接设备后,Bottom action area 出现 Enter Visualization 按钮,点击即可切换到可视化视图开始查看实时数据。也可直接点击 Activity bar 的 Visualization 图标 进入。

进入后的默认布局如下:

数据可视化

可视化视图概览

可视化视图由以下区域组成:

区域说明
Left Sidebar左侧栏,包含 2 个面板:
  • Devices:显示已连接设备的状态信息
  • Panel Settings:编辑当前选中面板的配置参数(详见面板类型
Right Sidebar右侧栏,包含 2 个面板:
  • Variables:管理 Studio 内的全局变量
  • Topics:浏览可用的数据 Topic 树(详见 Topic 树
Panel area数据可视化工作区,支持自由拖拽和分屏布局:
  • 添加面板:点击工作区的 + 按钮,选择面板类型
  • 移除面板:点击面板标题栏的关闭按钮
  • 移动面板:拖拽面板标题栏到目标位置
  • 分屏:将面板拖拽到工作区边缘,实现水平或垂直分屏
  • 调整大小:拖拽面板之间的分隔线
Bottom bar底部栏,默认收起,点击 App bar 右侧的 Show bottom bar 图标展开。包含 3 个 tab:

Topic 树

Right Sidebar 的 Topics 面板显示当前所有可用的数据 Topic。Topic 按 / 分隔的命名空间以树形结构组织,展开后看到 Schema 字段层级(按 . 分隔),支持数组和结构体嵌套展示。点击 Topic 查看详细信息,拖拽到面板中可快速订阅数据。

布局预设

布局预设用于保存和切换不同的面板排列。预设栏显示在可视化视图顶部,如下图示。

布局预设

保存预设

  1. 将面板调整为目标布局。
  2. 点击预设栏的 + 按钮。
  3. 输入名称(最多 32 个字符),选择颜色和图标,点击 Save

切换预设

  • 点击预设标签页激活。
  • Alt+1Alt+9 快速切换到对应位置的预设。

管理预设

右键点击预设打开上下文菜单:

带条件的操作仅在满足对应条件时可用。

操作内置预设自定义预设
Reset to Default修改后可用
Save Changes修改后可用
Revert to Saved修改后可用
Rename支持
Edit Color & Icon支持
Duplicate支持支持
Export as JSON支持支持
Delete支持

脏状态

修改布局但未保存时,预设标签上出现琥珀色圆点。右键点击预设可选择 Save ChangesRevert to Saved(自定义预设),或 Reset to Default(内置预设)。

导入与导出

  • 导出:右键点击预设 → Export as JSON,或点击 菜单 → Export All Presets
  • 导入:点击 菜单 → Import Layout...,选择 .json 文件。导入的预设作为自定义预设添加。