github-actions[bot]
001c2097a3
Created by Github action <!-- mintlify-editor-comments:start --> Mintlify --- 0 threads from 0 users in Mintlify - No unresolved comments <!-- mintlify-editor-comments:end --> <!-- mintlify-comment--> <a href="https://dashboard.mintlify.com/twenty/twenty/editor/i18n-docs?source=pr_comment" target="_blank" rel="noopener noreferrer"><picture><source media="(prefers-color-scheme: dark)" srcset="https://d3gk2c5xim1je2.cloudfront.net/assets/open-mintlify-editor-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://d3gk2c5xim1je2.cloudfront.net/assets/open-mintlify-editor-light.svg"><img src="https://d3gk2c5xim1je2.cloudfront.net/assets/open-mintlify-editor-light.svg" alt="Open in Mintlify Editor"></picture></a> <!-- /mintlify-comment --> Co-authored-by: github-actions <github-actions@twenty.com>
150 lines
3.9 KiB
Plaintext
150 lines
3.9 KiB
Plaintext
---
|
|
title: 小部件
|
|
description: 探索 Twenty 中的小部件类型和可视化选项。
|
|
---
|
|
|
|
import { ChartIcon } from '/snippets/chart-icon.mdx';
|
|
|
|
## 可用小部件
|
|
|
|
Twenty 提供多种小部件类型，用于可视化您的 CRM 数据。
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-bar-popular" />条形图</span>
|
|
|
|
以水平或垂直条形显示数据。
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-bar-chart.png" alt="条形图" />
|
|
</Frame>
|
|
|
|
**适用于：**
|
|
|
|
* 比较不同类别的数值
|
|
* 显示排名
|
|
* 按时间段跟踪指标
|
|
|
|
**示例用法：**
|
|
|
|
* 按阶段的交易
|
|
* 按销售代表的收入
|
|
* 每月新增联系人
|
|
|
|
<Note>
|
|
**显示限制**：使用 Group By 时，条形图最多可显示 100 个条形，每个条形最多 50 个分组。 如果您看到警告 "未显示的数据：每个图表最多 X 个条形"，请添加筛选器以缩小数据范围，或更改分组方式（例如按周分组而非按天）。
|
|
</Note>
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-pie" />饼图</span>
|
|
|
|
显示整体中各部分所占比例。
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-pie-chart.png" alt="饼图" />
|
|
</Frame>
|
|
|
|
**适用于：**
|
|
|
|
* 展示构成或分布
|
|
* 比较部分与整体
|
|
* 突出显示主要部分
|
|
|
|
**示例用法：**
|
|
|
|
* 按来源划分的交易分布
|
|
* 联系人按行业细分
|
|
* 按负责人划分的销售管道构成
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-line" />折线图</span>
|
|
|
|
显示随时间变化的趋势。
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-line-chart.png" alt="折线图" />
|
|
</Frame>
|
|
|
|
**适用于：**
|
|
|
|
* 跟踪随时间的变化
|
|
* 识别趋势
|
|
* 比较多个指标
|
|
|
|
**示例用法：**
|
|
|
|
* 每月交易数量趋势
|
|
* 各季度收入增长
|
|
* 随时间变化的活动水平
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="sum" />汇总图表</span>
|
|
|
|
以醒目方式显示单个关键数值。
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-aggregate-chart.png" alt="汇总图表" />
|
|
</Frame>
|
|
|
|
**适用于：**
|
|
|
|
* 突出显示 KPI
|
|
* 显示总计或平均值
|
|
* 快速查看状态
|
|
|
|
**示例用法：**
|
|
|
|
* 销售管道总价值
|
|
* 未关闭的商机数量
|
|
* 转化率
|
|
|
|
**高级选项：**
|
|
|
|
* **比例**：对于 Select 字段，计算各值之间的比例。 转到 **显示的数据** → 选择您的字段 → 启用 **比例** 选项。
|
|
* **前缀与后缀**：在数字前或后添加自定义文本（例如 "$" 前缀或 "%" 后缀），以提升可读性。
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="frame" />iFrame</span>
|
|
|
|
将外部工具和内容直接嵌入到仪表板中。
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-iframe.png" alt="iFrame" />
|
|
</Frame>
|
|
|
|
**适用于：**
|
|
|
|
* 显示外部报告或仪表板
|
|
* 集成第三方销售工具
|
|
* 显示来自其他系统的实时内容
|
|
|
|
**示例用法：**
|
|
|
|
* 来自支持工具的指标
|
|
* 来自拨号器的指标
|
|
* 来自销售序列工具的实时内容
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="align-box-left-top" />富文本</span>
|
|
|
|
在仪表板中直接添加格式化文本和内容。
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-rich-text.png" alt="富文本" />
|
|
</Frame>
|
|
|
|
**适用于：**
|
|
|
|
* 添加上下文或说明
|
|
* 仪表板描述
|
|
* 备注和注释
|
|
|
|
**功能:**
|
|
|
|
* 富文本格式（加粗、斜体、列表等）
|
|
* 图片和文件上传
|
|
* Markdown 风格编辑
|
|
|
|
<Note>
|
|
**即将推出**：仪表图和表格暂不可用，但已在我们的路线图中。
|
|
</Note>
|
|
|
|
### 复制小部件
|
|
|
|
1. 单击该小部件
|
|
2. 打开 **选项**
|
|
3. 单击 **复制小部件**
|