github-actions[bot]
9acc5c192f
Created by Github action <!-- This is an auto-generated description by cubic. --> <a href="https://cubic.dev/pr/twentyhq/twenty/pull/23452?utm_source=github" target="_blank" rel="noopener noreferrer" data-no-image-dialog="true"><picture><source media="(prefers-color-scheme: dark)" srcset="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://www.cubic.dev/buttons/review-in-cubic-light.svg"><img alt="Review in cubic" src="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"></picture></a> <!-- End of auto-generated description by cubic. --> Co-authored-by: github-actions <github-actions@twenty.com>
170 lines
4.9 KiB
Plaintext
170 lines
4.9 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-table.png" alt="Tabulkový graf" />
|
|
</Frame>
|
|
|
|
**Vhodné pro:**
|
|
|
|
* Vyhledávání jednotlivých položek
|
|
* Kontrola přesných hodnot
|
|
* Audit nebo reference
|
|
|
|
**Příklady použití:**
|
|
|
|
* Obchody uzavírané tento měsíc
|
|
* Nové leady tento týden
|
|
* Faktury po splatnosti
|
|
|
|
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="table" />Tabulka</span>
|
|
|
|
Zobrazte filtrované záznamy přímo na svém řídicím 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) 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**
|