snapshot of https://github.com/twentyhq/twenty.git (main, 2026-09-17; blobs > 131072B omitted)
Some checks failed
App Prod-Parity E2E Dispatch / dispatch (push) Failing after 10s
CD Storybook UI / build (push) Failing after 3m25s
CD Storybook UI / dispatch (push) Has been skipped
CD deploy main / website-changed-files (push) Successful in 18m8s
CI Agent Skills / changed-files-check (push) Successful in 18m9s
CI Create App E2E minimal / changed-files-check (push) Successful in 24s
CI Create App / changed-files-check (push) Successful in 26s
CI Docs / changed-files-check (push) Successful in 26s
CI Emails / changed-files-check (push) Successful in 28s
CI Example App Hello World / changed-files-check (push) Successful in 23s
CI Front / changed-files-check (push) Has been skipped
CI Example App Postcard / changed-files-check (push) Successful in 27s
CI UI / changed-files-check (push) Has been skipped
CI Utils Test / changed-files-check (push) Successful in 45s
CI Twenty Apps / discover (push) Successful in 1m3s
CD deploy main / deploy-main (push) Failing after 3s
CI Agent Skills / agent-skills-validate (push) Has been skipped
CI Create App / create-app-test (lint) (push) Has been skipped
CI Emails / emails-test (push) Has been skipped
CI Front / front-task (lingui:compile) (push) Has been skipped
CI Front / front-task (lint) (push) Has been skipped
CI Example App Postcard / example-app-postcard (push) Has been skipped
CI UI / ui-task (lint) (push) Has been skipped
CI UI / ui-task (pack-size) (push) Has been skipped
CI UI / ui-task (size) (push) Has been skipped
CI UI / ui-task (test) (push) Has been skipped
CI UI / ui-task (typecheck) (push) Has been skipped
CI Utils Test / utils-test (push) Has been skipped
CI Twenty Apps / ${{ matrix.app.name }} (push) Has been skipped
CI Emails / ci-emails-status-check (push) Successful in 2s
CI Example App Hello World / ci-example-app-hello-world-status-check (push) Successful in 2s
CI Example App Postcard / ci-example-app-postcard-status-check (push) Successful in 3s
CI UI / ui-sb-test (push) Has been skipped
CI Utils Test / ci-utils-test-status-check (push) Successful in 2s
CI Twenty Apps / ci-twenty-apps-status-check (push) Successful in 2s
CI UI / ci-ui-status-check (push) Successful in 2s
CI Desktop / desktop (push) Failing after 1m8s
Push docs to Crowdin / Push documentation to Crowdin (push) Failing after 55s
Push translations to Crowdin / Extract and upload translations (push) Failing after 5s
Push website translations to Crowdin / Extract and upload website translations (push) Failing after 5s
CI Create App / create-app-test (test) (push) Has been skipped
CI Create App / create-app-test (typecheck) (push) Has been skipped
CI Docs / docs-lint (push) Has been skipped
CI Example App Hello World / example-app-hello-world (push) Has been skipped
CI Front / front-task (lingui:extract) (push) Has been skipped
CI Front / front-task (test) (push) Has been skipped
CI Front / front-task (typecheck) (push) Has been skipped
CI UI / ui-sb-build (push) Failing after 1m32s
CI Twenty Apps / ${{ matrix.app.name }} (${{ matrix.server-source }}) (push) Has been skipped
CI Agent Skills / agent-skills-publish (push) Has been skipped
CI Create App / ci-create-app-status-check (push) Successful in 2s
CI Agent Skills / agent-skills-remote-source (push) Has been skipped
CI Create App E2E minimal / create-app-e2e-minimal (push) Has been cancelled
CI E2E Main / e2e-test (push) Has been cancelled
CI Front / front-sb-build (push) Has been cancelled
CI Front / front-build (push) Has been cancelled
CI Create App E2E minimal / ci-create-app-e2e-minimal-status-check (push) Has been cancelled
CI E2E Main / ci-e2e-main-status-check (push) Has been cancelled
CI E2E Main / notify-main-ci-failure (push) Has been cancelled
CI E2E Main / qa-scout-comment (push) Has been cancelled
CI Front / front-sb-test (push) Has been cancelled
CI Front / front-sb-screenshots (push) Has been cancelled
CI Front / ci-front-status-check (push) Has been cancelled
DPA Sub-Processor Sync / sync-subprocessors (push) Failing after 3s
AI Catalog Sync / sync-catalog (push) Failing after 2s

This commit is contained in:
upstream-mirror
2026-09-17 23:28:13 +05:00
commit e7da97194a
32688 changed files with 4208681 additions and 0 deletions

View File

@@ -0,0 +1,275 @@
---
title: Nastavení grafu
description: Nakonfigurujte své grafy tak, aby zobrazovaly data přesně podle vašich potřeb.
---
import { ChartIcon } from '/snippets/chart-icon.mdx';
## Přístup k nastavení grafu
1. Klikněte na tlačítko **Upravit** v pravém horním rohu svého řídicího panelu
<img src="/images/user-guide/dashboard/dashboard-edit.png" alt="Režim úprav" />
2. Řídicí panel přejde do režimu úprav
3. Klikněte na libovolný widget, abyste jej vybrali.
4. Vpravo se otevře panel nastavení
Nastavení jsou uspořádána do sekcí:
* **Data**: Jaká data načíst a jak je filtrovat
* **Osa X**: Jak seskupovat a řadit kategorie (sloupcové/čárové grafy)
* **Osa Y**: Co měřit a jak to zobrazit (sloupcové/čárové grafy)
* **Styl**: Barvy, popisky a vizuální možnosti
<Note>
Některá nastavení se zobrazí pouze tehdy, když jsou nakonfigurována jiná. Například **Granularita data** se zobrazí pouze tehdy, když vyberete datumové pole.
</Note>
---
## Nastavení dat
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="database" />Zdroj </span>
Vyberte objekt, ze kterého chcete načítat data.
1. Klikněte na **Zdroj**
2. Vyberte objekt (Příležitosti, Kontakty, Společnosti apod.)
K dispozici jsou všechny vaše standardní a vlastní objekty. Změna zdroje resetuje ostatní nastavení, protože možnosti polí závisí na vybraném objektu.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-source.png" alt="Zdroj" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filter" />Filtr </span>
Omezte, které záznamy jsou zahrnuty do grafu.
1. Klikněte na **Filtr**
2. Otevře se nástroj pro tvorbu filtrů
3. Klikněte na **+ Přidat filtr**
4. Vyberte pole, podmínku a hodnotu
5. Podle potřeby přidejte další filtry
Filtry fungují stejně jako v tabulkových zobrazeních. Použijte je k zaměření na konkrétní segmenty dat.
**Příklad**: Filtrovat příležitosti, kde se pole Stage rovná "Won", abyste zobrazili pouze uzavřené obchody.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-filters.png" alt="Filtr" />
<Tip>
U datumových polí zkuste **Je relativní** k vytvoření dynamických filtrů, jako jsou "Posledních 7 dní" nebo "Tento měsíc", které se automaticky aktualizují.
</Tip>
<Tip>
Jsou podporovány pokročilé filtry—přidejte více pravidel filtru a kombinujte je pomocí logiky **A** nebo **Nebo**.
</Tip>
---
## Nastavení osy X
Tato nastavení řídí vodorovnou osu sloupcových a čárových grafů—obvykle způsob, jakým jsou data seskupena do kategorií.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-x" />Zobrazená data </span>
Vyberte pole, podle kterého chcete data seskupit. To určuje kategorie zobrazené na ose X.
**Příklad**: Vyberte "Stage" pro zobrazení dat seskupených podle fáze v pipeline, nebo "Created date" pro zobrazení dat v čase.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-data-on-display.png" alt="Zobrazená data" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Granularita data </span>
Při seskupování podle datumového pole zvolte časové období pro seskupení.
| Možnost | Seskupuje data podle | Ukázkový výstup |
| ------------------ | ------------------------ | --------------------------------------------- |
| **Den** | Každý kalendářní den | 1. ledna, 2. ledna, 3. ledna... |
| **Týden** | Kalendářní týdny | Týden 1, Týden 2, Týden 3... |
| **Měsíc** | Kalendářní měsíce | leden, únor, březen... |
| **Čtvrtletí** | Fiskální čtvrtletí | Q1, Q2, Q3, Q4 |
| **Rok** | Kalendářní roky | 2023, 2024, 2025 |
| **Den v týdnu** | Den v týdnu (agregováno) | Pondělí, úterý... (všechna pondělí dohromady) |
| **Měsíc v roce** | Měsíc (agregováno) | Leden, únor... (všechny ledny dohromady) |
| **Čtvrtletí roku** | Čtvrtletí (agregováno) | Q1, Q2, Q3, Q4 (všechny Q1 dohromady) |
Možnosti "v týdnu/roku" agregují napříč celým časovým obdobím. Použijte **Den v týdnu**, abyste zjistili, který den v týdnu obvykle přináší nejvíce obchodů. Použijte **Měsíc** k zobrazení trendů měsíc po měsíci.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Řadit podle </span>
Ovládejte pořadí kategorií na ose X.
* **Pozice** – Použije pořadí definované v nastavení pole typu Select
* **Abecedně** – A až Z (nebo chronologicky u dat)
* **Podle hodnoty** – Seřazeno podle metriky (nejvyšší nebo nejnižší nejdříve)
* **Ručně** – Přetažením nastavte vlastní pořadí
<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-sort.png" alt="Seřadit podle" />
**Tip**: U fází pipeline použijte **Pozice** k zobrazení fází v pořadí vašeho prodejního procesu (Lead → Qualified → Proposal → Won).
<Note>
Zobrazené možnosti závisí na typu pole. Pole typu Select mají všechny možnosti; datumová a textová pole jich zobrazují méně.
</Note>
<Tip>
Při řazení **Ručně** přetáhněte kategorie a vytvořte vlastní pořadí—ideální pro zvýraznění konkrétních segmentů nebo vyprávění příběhu pomocí dat.
</Tip>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="eye-off" />Vynechat nulové hodnoty </span>
Skryjte kategorie, které mají nulová data nebo žádná data.
* **Zapnuto**: Kategorie bez záznamů jsou skryty
* **Vypnuto**: Zobrazeny jsou všechny kategorie, i prázdné
Použijte to k vyčištění grafů s řídkými daty.
---
## Nastavení osy Y
Tato nastavení určují, co měříte a jak se to zobrazuje.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-y" />Zobrazená data </span>
Vyberte pole a operaci pro výpočet své metriky.
* **Počty** – Počet všech, Počet prázdných, Počet neprázdných, Počet jedinečných hodnot
* **Matematika** – Součet, Průměr, Min, Max (číselná pole)
* **Procenta** – Procento prázdných, Procento neprázdných
Booleanová pole přidávají počet true/false. Agregační grafy s datumovými poli zobrazují Nejdřívější/Nejpozdější.
**Příklad**: Vyberte "Amount" se součtem (Sum) pro zobrazení celkové hodnoty obchodů podle kategorie, nebo Počet všech (Count all) pro zobrazení počtu obchodů.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-data-on-display.png" alt="Zobrazená data" />
<Note>
Zobrazené možnosti závisí na vašem poli a typu grafu. Pokud nevidíte očekávanou operaci, zkontrolujte typ pole.
</Note>
### Poměr
Pro pole typu Select, Multi-select nebo Boolean můžete spočítat procento konkrétní hodnoty.
1. Vyberte pole typu Select, Multi-select nebo Boolean
2. Povolte **Poměr**
3. Zvolte možnost, kterou chcete měřit
**Příklad**: Zobrazte obchody "Won" jako procento všech příležitostí. Pokud máte 10 "Won" z celkových 50, graf zobrazí 20 %.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filters" />Seskupit podle </span>
Přidejte druhou dimenzi pro vytvoření více řad (více sloupců nebo čar).
1. Nejprve nastavte pole osy X
2. Klikněte na **Seskupit podle**
3. Vyberte druhé pole
**Příklad**: Seskupte obchody podle Stage (osa X) A podle Owner (Seskupit podle), abyste vedle sebe viděli rozpad pipeline podle jednotlivých osob.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-group-by.png" alt="Seskupit podle" />
Když je nastaveno Seskupit podle, uvidíte v grafu více barev a zobrazí se legenda.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Granularita data </span>
Když je Seskupit podle nastaveno na datumové pole, zvolte časové období (stejné možnosti jako u osy X).
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Řadit podle </span>
Když je nastaveno **Seskupit podle**, určete pořadí seskupených řad (např. který sloupec vlastníka se v rámci každé kategorie zobrazí jako první).
Stejné možnosti jako u řazení osy X—Pozice, Abecedně a Ručně—s výjimkou toho, že **řazení podle hodnoty není** pro sekundární seskupení k dispozici.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="chart-bar-popular" />Kumulativní </span>
Zobrazit průběžné součty místo jednotlivých hodnot.
* **Vypnuto**: Každý sloupec/bod zobrazuje svou vlastní hodnotu
* **Zapnuto**: Každý sloupec/bod zobrazuje součet všech předchozích hodnot plus svou vlastní
**Příklad**: leden = 10, únor = 15
* Kumulativní vypnuto: Zobrazuje 10 a 15
* Kumulativní zapnuto: Zobrazuje 10 a 25 (10 + 15)
Použijte kumulativní zobrazení ke sledování postupu k cíli v čase.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-cumulative.png" alt="Kumulativní" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="math-min" />Min. rozsah / <ChartIcon icon="math-max" />Max. rozsah </span>
Nastavte pevné minimální a maximální hodnoty osy Y.
* Ponechte prázdné pro automatické škálování
* Zadejte číslo pro pevné nastavení hranice
**Kdy použít:**
* Nastavte Min na 0 pro přesná vizuální srovnání
* Nastavte obojí pro konzistentní měřítko napříč několika grafy
* Zaměřte se na konkrétní rozsah hodnot nastavením obou
---
## Nastavení stylu
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="color-swatch" />Barvy </span>
Nastavte pro svůj graf barevné schéma. Vyberte si z řady barevných palet.
<Note>
Při seskupení podle pole typu Select graf automaticky použije barvy definované pro každou možnost v nastavení vašeho pole.
</Note>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="gizmo" />Název osy </span>
Zvolte, které popisky os chcete zobrazit: **Žádné**, **Osa X**, **Osa Y** nebo **Obě** (pouze pro sloupcové a čárové grafy).
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="stack-2" />Skládané sloupce / Skládané čáry </span>
Když je nastaveno Seskupit podle, zvolte, jak budou více řad zobrazeny.
* **Vypnuto (Seskupené)**: Řady se zobrazí vedle sebe. Použijte při porovnávání přesných hodnot mezi skupinami.
* **Zapnuto (Skládané)**: Řady se skládají na sebe. Použijte při zobrazení složení—jak části tvoří celek.
**Příklad**: Obchody podle fáze, seskupené podle vlastníka
* Seskupené: Uvidíte přesná čísla jednotlivých vlastníků vedle sebe
* Skládané: Uvidíte celkový počet obchodů na fázi, s příspěvkem každého vlastníka naskládaným
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="badge-2k" />Popisky dat </span>
Zobrazit hodnoty přímo na prvcích grafu (sloupce, body, výseče).
* **Zapnuto**: Hodnoty se zobrazí v grafu
* **Vypnuto**: Nezobrazují se žádné hodnoty (čistší vzhled)
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="text-caption" />Legenda </span>
Zobrazit nebo skrýt legendu (objeví se pouze při nastavení Seskupit podle).
* **Zapnuto**: Legenda zobrazuje, co jednotlivé barvy představují
* **Vypnuto**: Legenda se nezobrazuje
<Tip>
**Najetím myší** na položku legendy zvýrazníte danou skupinu. **Kliknutím** ji dočasně skryjete z grafu.
</Tip>
---
## Poznámky specifické pro grafy
### Koláčové grafy
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="chart-pie" size={16} /></span> **Každý výsek představuje** – Definujte, jak jsou výseče seskupeny
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="eye-off" size={16} /></span> **Skrýt prázdnou kategorii** – Odebrat výseče s nulovou hodnotou
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="number-123" size={16} /></span> **Zobrazit hodnotu uprostřed** – Zobrazit agregační hodnotu (součet, průměr, počet atd.)
### Agregační grafy
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-left" size={16} /></span> **Prefix** – Přidat text před číslo (např. `$`)
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-right" size={16} /></span> **Suffix** – Přidat text za číslo (např. `%`)

View File

@@ -0,0 +1,92 @@
---
title: Panely
description: Vytvářejte a organizujte řídicí panely pomocí karet pro vizualizaci dat CRM.
---
## Přehled
Řídicí panely v Twenty jsou uspořádány hierarchicky: **Dashboards → Tabs → Widgets**. Každý řídicí panel může obsahovat více karet a každá karta obsahuje widgety (grafy, čísla, iFrames).
## Vytváření řídicího panelu
1. Přejděte v navigaci do **Dashboards**
2. Klikněte na **+ New Record**
<img src="/images/user-guide/dashboard/dashboard-create-new.png" alt="Vytvořit nový řídicí panel" />
3. Pojmenujte svůj řídicí panel
4. Začněte přidávat karty a widgety
## Práce s kartami
Karty vám pomáhají uspořádat váš řídicí panel do logických sekcí.
### Vytváření karet
1. V režimu úprav klikněte na **+** v panelu záložek a boční panel se otevře vpravo
2. Pojmenujte svou kartu (např. "Přehled pipeline", "Výkonnost týmu")
3. Přidejte do karty widgety
### Změna pořadí karet
1. V režimu úprav klikněte a podržte kartu, kterou chcete přesunout
2. Přetáhněte a pusťte na nové místo
3. Můžete také kliknout na záložku a použít nabídku příkazů k přesunutí záložky doleva nebo doprava
### Mazání karet
1. V režimu úprav klikněte na kartu, kterou chcete smazat
2. Klikněte na tlačítko **Smazat** v nabídce příkazů
### Duplikování karet
1. Klikněte na kartu, kterou chcete duplikovat
2. Klikněte na tlačítko **Duplicate** v postranním panelu
<img src="/images/user-guide/dashboard/dashboard-tabs.png" alt="Karta panelu" />
## Rozvržení řídicího panelu
### Uspořádání widgetů
* Přetáhněte a pusťte na požadované místo
* Změňte velikost pro zdůraznění
* Seskupte související grafy
### Duplikování řídicího panelu
1. Vyberte panel, který chcete duplikovat
2. Otevřete příkazovou lištu pomocí **Cmd + K** (nebo **Ctrl + K** ve Windows)
3. Vyberte **Duplicate dashboard**
<img src="/images/user-guide/dashboard/dashboard-duplicate.png" alt="Duplikovat panel" />
### Osvědčené postupy
* **Logická struktura**: Uspořádejte od přehledu k detailu
* **Vizuální hierarchie**: Větší grafy pro klíčové ukazatele
* **Konzistentní styl**: Používejte odpovídající barvy a písma
## Viditelnost a přístup
### Viditelnost řídicího panelu
Řídicí panely jsou viditelné pro každého, kdo má přístup k vašemu pracovnímu prostoru Twenty. V tuto chvíli není k dispozici možnost soukromého řídicího panelu.
### Oblíbené
Řídicí panely si můžete přidat do oblíbených pro rychlý přístup. Jedná se o osobní nastavení — vaše oblíbené nejsou viditelné pro ostatní uživatele.
Chcete-li přidat řídicí panel do oblíbených, otevřete řídicí panel a klikněte na ikonu hvězdičky.
### Chování časových pásem
Řídicí panely v současnosti zobrazují data podle časového pásma uživatele, který je zobrazuje. To znamená, že tentýž řídicí panel může zobrazovat odlišné ukazatele pro členy týmu v různých regionech (např. APAC vs. US).
<Note>
**Brzy**: Přidáme možnost nastavit pro řídicí panel konkrétní časové pásmo, aby všichni uživatelé viděli konzistentní data bez ohledu na svou polohu.
</Note>
<Note>
**Brzy**: Filtry na úrovni řídicího panelu umožní použít filtry napříč všemi widgety najednou, což zrychlí práci s vašimi daty.
</Note>

View File

@@ -0,0 +1,169 @@
---
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**