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
4.4 KiB
Plaintext
150 lines
4.4 KiB
Plaintext
---
|
|
title: Widgety
|
|
description: Prozkoumejte typy widgetů a možnosti vizualizace v Twenty.
|
|
---
|
|
|
|
import { ChartIcon } from '/snippets/chart-icon.mdx';
|
|
|
|
## Dostupné widgety
|
|
|
|
Twenty nabízí různé typy widgetů pro vizualizaci vašich CRM dat.
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-bar-popular" />Sloupcové grafy</span>
|
|
|
|
Zobrazují data jako vodorovné nebo svislé sloupce.
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-bar-chart.png" alt="Sloupcový graf" />
|
|
</Frame>
|
|
|
|
**Vhodné pro:**
|
|
|
|
* Porovnávání hodnot napříč kategoriemi
|
|
* Zobrazování pořadí
|
|
* Sledování metrik podle časového období
|
|
|
|
**Příklady použití:**
|
|
|
|
* Obchody podle fáze
|
|
* Tržby podle obchodního zástupce
|
|
* Počet kontaktů přidaných za měsíc
|
|
|
|
<Note>
|
|
**Limity zobrazení**: Sloupcové grafy mohou zobrazit maximálně 100 sloupců a při použití Group By 50 skupin na sloupec. Pokud uvidíte upozornění "Nezobrazená data: max X sloupců na graf", přidejte filtry, abyste zúžili svá data, nebo změňte seskupení (např. seskupujte podle týdnů místo dnů).
|
|
</Note>
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-pie" />Koláčové grafy</span>
|
|
|
|
Zobrazují podíly z celku.
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-pie-chart.png" alt="Koláčový graf" />
|
|
</Frame>
|
|
|
|
**Vhodné pro:**
|
|
|
|
* Zobrazování složení nebo rozložení
|
|
* Porovnávání částí s celkem
|
|
* Zvýraznění hlavních segmentů
|
|
|
|
**Příklady použití:**
|
|
|
|
* Rozložení obchodů podle zdroje
|
|
* Rozdělení kontaktů podle odvětví
|
|
* Složení pipeline podle vlastníka
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-line" />Liniové grafy</span>
|
|
|
|
Zobrazují trendy v čase.
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-line-chart.png" alt="Liniový graf" />
|
|
</Frame>
|
|
|
|
**Vhodné pro:**
|
|
|
|
* Sledování změn v čase
|
|
* Identifikace trendů
|
|
* Porovnávání více metrik
|
|
|
|
**Příklady použití:**
|
|
|
|
* Trend měsíčního počtu obchodů
|
|
* Růst tržeb mezi čtvrtletími
|
|
* Úroveň aktivity v čase
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="sum" />Agregační grafy</span>
|
|
|
|
Výrazně zobrazují jednotlivé klíčové hodnoty.
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-aggregate-chart.png" alt="Agregační graf" />
|
|
</Frame>
|
|
|
|
**Vhodné pro:**
|
|
|
|
* Zvýraznění KPI
|
|
* Zobrazení součtů nebo průměrů
|
|
* Rychlé kontroly stavu
|
|
|
|
**Příklady použití:**
|
|
|
|
* Celková hodnota pipeline
|
|
* Počet otevřených příležitostí
|
|
* Míra konverze
|
|
|
|
**Pokročilé možnosti:**
|
|
|
|
* **Poměr**: U polí typu Select lze vypočítat poměry mezi hodnotami. Přejděte do **Zobrazovaná data** → vyberte své pole → povolte možnost **Poměr**.
|
|
* **Prefix a sufix**: Přidejte vlastní text před nebo za číslo (např. prefix "$" nebo sufix "%") pro lepší čitelnost.
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="frame" />iFrames</span>
|
|
|
|
Vkládejte externí nástroje a obsah přímo do svého řídicího panelu.
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-iframe.png" alt="iFrame" />
|
|
</Frame>
|
|
|
|
**Vhodné pro:**
|
|
|
|
* Zobrazení externích reportů nebo řídicích panelů
|
|
* Integrace prodejních nástrojů třetích stran
|
|
* Zobrazení živého obsahu z jiných systémů
|
|
|
|
**Příklady použití:**
|
|
|
|
* Metriky z vašeho nástroje podpory
|
|
* Metriky z vašeho dialeru
|
|
* Živý obsah z vašeho nástroje pro prodejní sekvence
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="align-box-left-top" />Formátovaný text</span>
|
|
|
|
Přidejte formátovaný text a obsah přímo do svého řídicího panelu.
|
|
|
|
<Frame>
|
|
<img src="/images/user-guide/dashboard/dashboard-widget-rich-text.png" alt="Formátovaný text" />
|
|
</Frame>
|
|
|
|
**Vhodné pro:**
|
|
|
|
* Přidání kontextu nebo pokynů
|
|
* Popisy řídicích panelů
|
|
* Poznámky a anotace
|
|
|
|
**Funkce:**
|
|
|
|
* Formátování textu (tučné písmo, kurzíva, seznamy apod.)
|
|
* Nahrávání obrázků a souborů
|
|
* Úpravy ve stylu Markdownu
|
|
|
|
<Note>
|
|
**Již brzy**: Měřicí grafy (gauge) a tabulky zatím nejsou k dispozici, ale máme je v plánu.
|
|
</Note>
|
|
|
|
### Duplikování widgetů
|
|
|
|
1. Klikněte na widget
|
|
2. Otevřete **Možnosti**
|
|
3. Klikněte na **Duplikovat widget**
|