数据可视化
概览
可视化视图是 Wuji Studio 的核心工作区。连接设备后,实时数据通过 Topic 发布,使用不同面板类型查看和分析数据。
进入可视化
在设备管理页连接设备后,Bottom action area 出现 Enter Visualization 按钮,点击即可切换到可视化视图开始查看实时数据。也可直接点击 Activity bar 的 Visualization 图标 进入。
进入后的默认布局如下:

可视化视图概览
可视化视图由以下区域组成:
| 区域 | 说明 |
|---|---|
| Left Sidebar | 左侧栏,包含 2 个面板:
|
| Right Sidebar | 右侧栏,包含 2 个面板:
|
| Panel area | 数据可视化工作区,支持自由拖拽和分屏布局:
|
| Bottom bar | 底部栏,默认收起,点击 App bar 右侧的 Show bottom bar 图标展开。包含 3 个 tab: |
Topic 树
Right Sidebar 的 Topics 面板显示当前所有可用的数据 Topic。Topic 按 / 分隔的命名空间以树形结构组织,展开后看到 Schema 字段层级(按 . 分隔),支持数组和结构体嵌套展示。点击 Topic 查看详细信息,拖拽到面板中可快速订阅数据。
布局预设
布局预设用于保存和切换不同的面板排列。预设栏显示在可视化视图顶部,如下图示。

保存预设
- 将面板调整为目标布局。
- 点击预设栏的 + 按钮。
- 输入名称(最多 32 个字符),选择颜色和图标,点击 Save。
切换预设
- 点击预设标签页激活。
- 按 Alt+1 到 Alt+9 快速切换到对应位置的预设。
管理预设
右键点击预设打开上下文菜单:
带条件的操作仅在满足对应条件时可用。
| 操作 | 内置预设 | 自定义预设 |
|---|---|---|
| Reset to Default | 修改后可用 | — |
| Save Changes | — | 修改后可用 |
| Revert to Saved | — | 修改后可用 |
| Rename | — | 支持 |
| Edit Color & Icon | — | 支持 |
| Duplicate | 支持 | 支持 |
| Export as JSON | 支持 | 支持 |
| Delete | — | 支持 |
脏状态
修改布局但未保存时,预设标签上出现琥珀色圆点。右键点击预设可选择 Save Changes 或 Revert to Saved(自定义预设),或 Reset to Default(内置预设)。
导入与导出
- 导出:右键点击预设 → Export as JSON,或点击 ⋯ 菜单 → Export All Presets。
- 导入:点击 ⋯ 菜单 → Import Layout...,选择
.json文件。导入的预设作为自定义预设添加。