Files
upstream-mirror e7da97194a
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
snapshot of https://github.com/twentyhq/twenty.git (main, 2026-09-17; blobs > 131072B omitted)
2026-09-17 23:28:13 +05:00

170 lines
5.0 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
title: Widget'lar
description: Twenty'deki widget türlerini ve görselleştirme seçeneklerini keşfedin.
---
import { ChartIcon } from '/snippets/chart-icon.mdx';
## Kullanılabilir widget'lar
Twenty, Müşteri İlişkileri Yönetimi (CRM) verilerinizi görselleştirmek için çeşitli widget türleri sunar.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-bar-popular" />Çubuk grafikler</span>
Verileri yatay veya dikey çubuklar olarak görüntüleyin.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-bar-chart.png" alt="Çubuk grafik" />
</Frame>
**En uygun:**
* Kategoriler arasında değerleri karşılaştırma
* Sıralamaları gösterme
* Metrikleri zaman dönemine göre izleme
**Örnek kullanımlar:**
* Aşamaya göre fırsatlar
* Satış temsilcisine göre gelir
* Ay başına eklenen kişi sayısı
<Note>
**Görüntüleme sınırları**: Çubuk grafikler en fazla 100 çubuk ve Group By kullanılırken çubuk başına 50 grup gösterebilir. "Undisplayed data: max X bars per chart" uyarısını görürseniz, verilerinizi daraltmak için filtreler ekleyin veya gruplamayı değiştirin (ör. güne yerine haftaya göre gruplayın).
</Note>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-pie" />Pasta grafikleri</span>
Bir bütünün oranlarını gösterin.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-pie-chart.png" alt="Pasta grafik" />
</Frame>
**En uygun:**
* Bileşimi veya dağılımı gösterme
* Parçaları bütüne göre karşılaştırma
* Başlıca segmentleri vurgulama
**Örnek kullanımlar:**
* Kaynağa göre fırsat dağılımı
* Sektöre göre kişi dağılımı
* Sahip bazında satış boru hattı bileşimi
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-line" />Çizgi grafikler</span>
Zaman içindeki eğilimleri gösterin.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-line-chart.png" alt="Çizgi grafik" />
</Frame>
**En uygun:**
* Zaman içindeki değişiklikleri izleme
* Eğilimleri belirleme
* Birden çok metriği karşılaştırma
**Örnek kullanımlar:**
* Aylık fırsat sayısı eğilimi
* Çeyrekler bazında gelir artışı
* Zaman içindeki etkinlik düzeyleri
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="sum" />Toplama grafikleri</span>
Tekil kilit değerleri belirgin şekilde görüntüleyin.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-aggregate-chart.png" alt="Toplama grafiği" />
</Frame>
**En uygun:**
* KPI'leri vurgulama
* Toplamları veya ortalamaları gösterme
* Hızlı durum kontrolleri
**Örnek kullanımlar:**
* Toplam satış boru hattı değeri
* Açık fırsat sayısı
* Dönüşüm oranı
**Gelişmiş seçenekler:**
* **Oran**: Select alanları için değerler arasındaki oranları hesaplayın. **Görüntüdeki veriler**'e gidin → alanınızı seçin → **Oran** seçeneğini etkinleştirin.
* **Ön Ek ve Son Ek**: Daha iyi okunabilirlik için sayının önüne veya sonuna özel metin ekleyin (ör. "$" öneki veya "%" soneki).
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="frame" />iFrames</span>
Harici araçları ve içerikleri doğrudan panonuza gömün.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-table.png" alt="Tablo grafik" />
</Frame>
**En uygun:**
* Bireysel öğeleri arama
* Tam değerleri kontrol etme
* Denetim veya referans
**Örnek kullanımlar:**
* Bu ay kapanacak fırsatlar
* Bu hafta yeni potansiyel müşteriler
* Gecikmiş faturalar
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="table" />Tablo</span>
Filtrelenmiş kayıtları doğrudan panonuzda görün.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-iframe.png" alt="iFrame" />
</Frame>
**En uygun:**
* Harici raporları veya panoları görüntüleme
* Üçüncü taraf satış araçlarını entegre etme
* Diğer sistemlerden canlı içerik gösterme
**Örnek kullanımlar:**
* Destek aracınızdan metrikler
* Arama aracınızdan metrikler
* Satış sekans aracınızdan canlı içerik
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="align-box-left-top" />Zengin Metin</span>
Biçimlendirilmiş metni ve içeriği doğrudan panonuza ekleyin.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-rich-text.png" alt="Zengin Metin" />
</Frame>
**En uygun:**
* Bağlam veya talimatlar ekleme
* Pano açıklamaları
* Notlar ve açıklamalar
**Özellikler:**
* Zengin metin biçimlendirme (kalın, italik, listeler vb.)
* Görsel ve dosya yüklemeleri
* Markdown tarzı düzenleme
<Note>
**Yakında**: Gösterge grafikleri henüz mevcut değil, ancak yol haritamızda yer alıyor.
</Note>
### Widget'ları çoğaltma
1. Widget'a tıklayın
2. **Seçenekler**'i açın
3. **Widget'ı çoğalt**'a tıklayın