• Kuika platformuna giriş yapın.
• Apps ekranından çalışacağınız projeyi açın.

• UI Design modülünde, sol kenardaki Elements panelinden Chart kategorisi altındaki Radar Chart elementini seçin.
• Elementi, istediğiniz alana sürükleyip bırakın.
  
  • Boş bir alana sürüklerseniz Row elementiyle birlikte eklenir.
  • Bir Column içine sürüklerseniz yalnızca Radar Chart elementi eklenir.

Properties panelinde aşağıdaki ayarları yapılandırabilirsiniz:

Datasource:

• Action alanından görüntülemek istediğiniz veri alanını seçin.

Datasource’a bir aksiyon eklemediğinizde aşağıdaki veri ayarları görüntülenemez.

• Data Label: Grafik üzerinde gösterilecek veri etiketini belirler.
• Tooltip Custom Title Data Label: Tooltip başlığında görünecek veri etiketini ayarlar.
• Tooltip Custom Content Data Label:  Tooltip içeriğinde gösterilecek açıklayıcı veri etiketidir.
• Multi Tooltip Content Fields: Tooltip içinde birden fazla veri alanı göstermenizi sağlar.
• Data Field: Ana veri serisini tanımladığınız alandır.
• Data Bg Color: Ana veri alanının arka plan rengini belirler.
• Second Data Field: Grafik üzerinde ikinci bir veri serisi tanımlamak için kullanılır.
• Second Data Bg Color: İkinci veri serisinin arka plan rengini belirler.
• Third Data Field: Üçüncü bir veri serisi eklemek için kullanılır.
• Data Bg Color: Üçüncü veri serisinin arka plan rengini belirler.

Legend: DataSource bölümündeki verilerin üzerine tıklayarak belirli bir dilimi gizleyebilirsiniz.

Show Label Boxes: Veri etiketlerinin kutucuklar içinde gösterilip gösterilmeyeceğini belirler.

​​Show Level Value Boxes: Radar grafiğinde her seviyeye ait değer kutucuklarının görünüp görünmeyeceğini kontrol eder. Kullanıcı, seviye çemberleri üzerinde sayısal değerlerin görünürlüğünü bu ayar ile açıp kapatabilir.

Level Frequency:  Radar çemberlerindeki seviye yoğunluğunu ayarlamanızı sağlar.

Begin At Zero: Grafik değerlerinin sıfırdan başlayıp başlamayacağını kontrol eder.

Angle Lines Color: Radar grafiğindeki spider çizgilerinin rengini özelleştirmenizi sağlar. Bu sayede grafiğin okunabilirliğini artırabilir ve tasarımınıza uygun renk düzeni kullanabilirsiniz.

Authorization (Yetkilendirme)

• Anonymous Access: Kullanıcıların hesap bilgisi girmeden erişmesini sağlar.
• All Roles Access: Kullanıcıların hesap bilgileri doğrulanarak erişim sağlanır.
• Element düzeyinde yetkilendirme için Properties panelinden Authorization ayarlarını düzenleyin.

Visibility (Görünürlük)

• Always Visible: Element her zaman görünür.
• Hidden: Element gizlenir.
• Sometimes Visible: Element, belirli bir koşula bağlı olarak görünür.

Ayarı yapılandırmak için:

1. Ekrandaki elementi seçin.
2. Sağ kenardaki Properties panelini açın.
3. Visibility alanında ihtiyacınıza göre bir seçenek belirleyin.

Editability (Düzenlenebilirlik)

• Enabled: Element düzenlenebilir.
• Disabled: Element düzenlenemez.
• Sometimes Enabled: Element, belirli koşullara göre düzenlenebilir veya düzenlenemez.

Style Panel ile Arayüz Tasarımı

Elementlerinizi Styling Panel ile özelleştirerek, web ve mobil uygulamalarınız için etkileyici arayüzler oluşturabilirsiniz. Bu bölümde, aşağıdaki ayarları yapılandırabilirsiniz:

• Layout (Düzen): Boyutlandırma, hizalama ve iç boşluk (padding) ayarları. Ayarlar arasında Size, Min Size ve Align bulunur.
• Text (Metin): Yazı tipi, stil, renk, boyut ve aralık ayarları.
• Fill (Dolgu): Arka planı renk veya görsellerle özelleştirme.
• Border (Kenarlık): Kenarlık ekleme ve köşe yarıçapı ayarları.
• Shadow (Gölge): Elementlere derinlik katmak için gölge efekti ekleme.

Bu adımları takip ederek, Area Chart elementini ihtiyaçlarınıza uygun şekilde yapılandırabilirsiniz.

Actions (Aksiyonlar)

Kuika, aşağıdaki sistem aksiyonlarını destekler:

• Arithmetic, Authorization, Condition, Device, Export, Geolocation, Invers, Local Storage, Multi Language, Navigation, Notification, Payment, UI Control, Process Administration, Process Automation, Trigger, Process Automation, Process Administration ve String Operations.
• Kendi oluşturduğunuz SQL aksiyonlarını da kullanabilirsiniz.
• Aksiyon eklemek için Properties panelinden +ADD ACTION butonunu kullanabilirsiniz.

Actions desteği bazı elementlerde geçerli olmayabilir.