Skip to content

Commit a5d713f

Browse files
author
jie
committed
Update ThingsVis widget documentation to include a table of available widgets and their statuses in both English and Chinese. Adjust links for consistency and clarity.
1 parent e4e512c commit a5d713f

5 files changed

Lines changed: 70 additions & 4 deletions

File tree

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
---
2+
sidebar_position: 7
3+
---
4+
5+
# Text
6+
7+
← [Back to Widget Guide](./thingsvis-widgets)
8+
9+
## Overview
10+
11+
The **Text** widget displays single or multi-line text on a dashboard. Supports static content, field binding, and expressions.
12+
13+
| Item | Value |
14+
|------|-------|
15+
| Library path | Basic → Text |
16+
| Use cases | Titles, labels, dynamic status text |
17+
18+
## Add widget
19+
20+
1. Open the dashboard **Edit** view.
21+
2. Find **Text** under **Basic** in the component library, or search for it.
22+
3. **Drag** the widget onto the canvas and release.
23+
24+
![Add text widget](./images/thingsvis/06-text-widget.png)
25+
26+
## Properties panel
27+
28+
Select the text widget to configure it in the right **Properties** panel.
29+
30+
![Text widget properties](./images/thingsvis/06-text-widget-config.png)
31+
32+
### Content
33+
34+
| Property | Description |
35+
|----------|-------------|
36+
| **Text content** | Displayed text; switch **Static / Field / Expression** via the dropdown |
37+
| **Alternate text** | Fallback text, also supports binding modes |
38+
| **Simulate text** | Rotate displayed content at an interval for demos |
39+
40+
### Font & layout
41+
42+
Font size (8–200 px), family, weight, style, horizontal/vertical alignment, line height, letter spacing, and text decoration.
43+
44+
### Style
45+
46+
Text color and optional shadow (color, blur, offset).
47+
48+
## Data binding
49+
50+
1. Select the text widget.
51+
2. Switch **Text content** to **Field**.
52+
3. Configure the [field picker](./thingsvis-data.md) to choose data scope and field.
53+
4. Optionally add a **data transform** expression.
54+
55+
## Canvas shortcuts
56+
57+
| Action | Shortcut |
58+
|--------|----------|
59+
| Move | Drag |
60+
| Delete | Delete |
61+
| Copy | Ctrl+C / Ctrl+V |
62+
| Undo | Ctrl+Z |

‎docs/user-guide/system-admin-operation-manual/visualization/thingsvis-widgets.md‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,11 @@ sidebar_position: 6
66

77
ThingsVis provides widgets in the left component library. Drag onto the canvas and configure in the right **Properties** panel.
88

9-
**Text** widget documentation is available in the Chinese locale; other widgets coming soon.
9+
| Widget | Description | Doc |
10+
|--------|-------------|-----|
11+
| [Text](./thingsvis-widgets-text) | Titles, labels, dynamic text | Documented |
12+
| Rectangle | Background blocks | Coming soon |
13+
| Table | Structured lists | Coming soon |
1014

1115
| Category | Examples |
1216
|----------|----------|

‎i18n/zh-Hans/docusaurus-plugin-content-docs/current/user-guide/system-admin-operation-manual/visualization/thingsvis-widgets-text.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ sidebar_position: 7
44

55
# 文本
66

7-
← [返回组件说明](./thingsvis-widgets.md)
7+
← [返回组件说明](./thingsvis-widgets)
88

99
## 组件概述
1010

‎i18n/zh-Hans/docusaurus-plugin-content-docs/current/user-guide/system-admin-operation-manual/visualization/thingsvis-widgets.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ ThingsVis 编辑器左侧 **组件库** 提供各类可视化组件。用法与
3030
|------|------|------|
3131
| 矩形 | 色块、分区背景 | 待补充 |
3232
| 圆形 | 圆形装饰、指示灯底色 | 待补充 |
33-
| [文本](./thingsvis-widgets-text.md) | 标题、标签、动态文字 | 已文档化 |
33+
| [文本](./thingsvis-widgets-text) | 标题、标签、动态文字 | 已文档化 |
3434
| 表格 | 结构化数据列表 | 待补充 |
3535
| 磨砂面板 | 半透明玻璃质感面板 | 待补充 |
3636
| 标签 | 状态标签、角标 | 待补充 |

‎i18n/zh-Hans/docusaurus-plugin-content-docs/current/user-guide/system-admin-operation-manual/visualization/visualization-kanban.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ ThingsPanel 可视化看板已升级为基于 **ThingsVis** 引擎。请按以
1212
4. [数据配置](./thingsvis-data.md) — 设备数据绑定
1313
5. [进阶配置](./thingsvis-advanced.md) — 首页、菜单、超管配置、组件开发
1414
6. [组件说明](./thingsvis-widgets.md) — ThingsVis 组件库全览(参照 DataV 组件指南,已完成「文本」组件,持续更新中)
15-
7. [其他系统集成ThingsVis]() — 其他系统集成ThingsVis(持续更新中)
15+
7. 其他系统集成 ThingsVis — 持续更新中
1616

1717
:::note
1818
本文档替代旧版看板操作说明。旧版看板、大屏不再维护。

0 commit comments

Comments
 (0)