Mixed Chart bir uygulama geliştirme bağlamında farklı grafik türlerini veya görselleştirmelerini bir araya getiren Chart elementidir.
Mixed Chart'ın kullanımı genellikle uygulamanın gereksinimlerine ve kullanıcı ihtiyaçlarına bağlıdır. Bu tür grafikler genellikle veri yoğunluğu bulunan uygulamalarda veya çeşitli analiz senaryolarında kullanılır. Bir uygulama geliştirici, kullanıcıların belirli veri setlerini daha iyi anlamalarına ve etkileşimde bulunmalarına yardımcı olmak için Mixed Chart'ı kullanabilir.
Mixed Chart Elementi Ekleme
Mixed Chart elementini uygulamanız içerisine eklemeniz oldukça kolay. Mixed Chart elementini eklemek için aşağıdaki adımları izlemeniz gerekmektedir.
UI Design modülünde, sol taraftaki Elements panelini açın.
Elements paneli içerisinde Chart kategorisi içerisinden Mixed Chart’ı seçin.
Mixed Chart elementini ekrana sürükleyin ve bırakın.
Mixed Chart elementi mobil ve web uygulamaları desteklemektedir.
Mixed Chart Elementi Özellikleri
Mixed Chart elementi seçildiğinde, Properties paneli içerisinde Mixed chart kategorisi altında Line ve Point ekleme alanları bulunmaktadır. Bu Property'lere göre Options, Authorization (Yetkilendirme) ve Visibility (Görünürlük) parametreleri ikisinde görüntülenir. Line, grafik çizgilerini temsil ederken Point, grafikte belirgin noktaları temsil etmektedir.
Mixed Chart kategorisi altında yer alan Line seçili durumda olduğunda Properties paneli Options, Color, Label, Dashspacing, DashLenght, LineWidth, Authorization,Visibility Property'leri ile gelmektedir.
Mixed Chart kategorisi altında yer alan Point seçili durumda olduğunda Properties paneli Options, Color, Authorization ve Visibility Property'leri ile gelmektedir.
Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.
Options: Genel özellikleri belirlemek için kullanılır. Options içerisinde Actions açılır menüsü ile grafiğe aksiyon bağlayabilirsiniz. Ayrıca bu alanda eklenen aksiyona göre veri eşleştirilmesi yapılmalıdır. Bağlanan aksiyon ile birlikte grafikte veri gösterimi sağlanmaktadır.
Genel olarak aksiyon bağlantısı yapıldıktan sonra Options Property alanında aşağıdaki alanlar görüntülenmektedir:
X Axis Field: X ekseni, grafikteki yatay eksendir. Bu özellik, genellikle x ekseni üzerinde gösterilecek veri setini belirlemenizi sağlar. Özellikle karışık grafiklerde, farklı grafik türlerinin x ekseni üzerinde nasıl pozisyonlandırılacağını belirlemek için kullanılır. Örneğin, çizgi grafiği ve sütun grafiğinin aynı x ekseni üzerinde nasıl gösterileceğini kontrol etmek için bu özelliği kullanabilirsiniz.
Axis Value Field: Grafik içerisinde Dikey eksende gösterilecek veri setini belirlemenizi sağlar. Değerin kaç olduğunun belirtildiği Property’dir.
X axis Value Field : Line değerlerinin girildiği Poperty’dir.
Axis Value Field : Line değerlerin belirtildiği Property’dir.
Color (Renk): Çizgi grafiğinin rengini belirler. Renk, genellikle çizgiyi belirgin bir şekilde diğer öğelerden ayırt etmek için kullanılır.
Label (Etiket): Çizgi grafiğini temsil eden bir etiket ekler. Bu etiket, genellikle grafikteki belirli bir çizgiyi tanımlamak veya açıklamak için kullanılır.
Dash Spacing (Çizgi Aralığı): Kesikli çizgilerin arasındaki boşluk miktarını belirler. Kesikli çizgileri kullanarak çizgi grafiğinin görünümünü özelleştirmek için kullanılır.
Dash Length (Çizgi Uzunluğu): Kesikli çizgilerin uzunluğunu belirler. Çizgi grafiğini kesikli bir desenle göstererek, belirli bir trendi veya deseni vurgulamak için kullanılabilir.
Line Width (Çizgi Kalınlığı): Çizgi grafiğinin çizgi kalınlığını belirler. Çizgi grafiğinin belirginliğini ve vurgusunu artırmak veya azaltmak için kullanılır.
Mixed Chart Elementi Point'in Özellikleri
1. Options:
1.1.Action
Mixed chart içerisinde hangi verilerin nokta şeklinde veritabanı içerisinden görüntülenecek veri aksiyonunun çağrıldığı Property’dir.
1.2. X Axis Field
Point değerlerinin girildiği Property’dir.
1.3. Axis Value Field
Point içerisinde açıklama ve değerlerin belirtildiği Property’dir.
2. Color:
Mixed chart içerisinde nokta renginin belirlendiği Property'dir.
Yetkilendirme (Authorization)
Uygulamanızın ekran ve elementlerinde, "Anonymous Access" ve "All Roles Access" yetkilendirme seçenekleri ile kullanıcı erişimini özelleştirebilirsiniz. "Anonymous Access" herhangi bir hesap bilgisi sorgulaması olmadan erişimi mümkün kılarken, "All Roles Access" ile kullanıcı hesap bilgileri doğrulanarak erişim sağlanır.
Element düzeyinde yetkilendirme için, ilgili elementi seçip Properties panelinden "Authorization" ayarlarını düzenleyerek, uygulamanızın güvenlik ve kullanıcı deneyimini yönetebilirsiniz.
Bu yöntemler, uygulamanızda kişiselleştirilmiş ve güvenli bir ortam yaratmanıza olanak tanır.
Actions (Aksiyonlar)
Kuika, Arithmetic, Authorization, Condition, Device, Export, Geolocation, Local Storage, Multi Language, Navigation , Notification, Payment Stripe, UI Control, Trigger , Process Automation, Process Administration ve String Operations gibi sistem aksiyonlarını barındırmaktadır.
Sistem aksiyonlarının yanı sıra kendi oluşturduğunuz SQL aksiyonları da kullanabilirsiniz.
Elementlere aksiyon eklemek için Properties panelde yer alan +Add Action butonunu kullanabilirsiniz.
Visibility (Görünürlük)
Ekranların veya elementlerin görünürlüğünün ayarlandığı kısımdır. Elementler'de Visibility yani Görünürlük, belirli bir durum ve/veya koşula göre görünürlüğü düzenlemenizi sağlar. Her bir element için her zaman görünür olmasını, gizli olmasını veya bir koşula bağlı olarak görünüp gizlenmesini sağlayabilirsiniz.
Ekranınızın görünürlük yapısının ayarlandığı kısımdır. Kuika, uygulamanızdaki ekranların görünürlük kontrolünü yapabilmeniz için Always Visible, Hidden, Sometimes Visible seçeneklerini sunmaktadır.
Always Visible: Uygulamanızdaki ekranların her zaman görünür olmasını sağlar.
Visible: Uygulamanızdaki ekranların görünür olmasını sağlar.
Hidden: Uygulamanızdaki ekranların gizlenmesini sağlar.
Sometimes Visible: Uygulamanızdaki ekranların koşula bağlı görünür olmasını sağlar.
Elementlerde veya Ekranlarda Visibility İşlemleri
Elementlerde veya ekranınızda Visibility ayarlarını yapmak için aşağıdaki adımları izleyebilirsiniz:
Ekrandaki elemente veya ekrana tıklayarak seçili hale getirin.
Properties panelini açın.
Visibility alanına tıklayarak uygulamanızın ihtiyacına göre aşağıdaki seçimlerden birini yapın.
Selectbox içerisinden Always visible ile her zaman görünür olmasını sağlarsınız.
Hidden ile elementi gizleyebilirsiniz.
Sometimes visible ile ekleyeceğiniz koşullar doğrultusunda görüntülenmesini sağlayabilirsiniz.
Yapmış olduğunuz seçim doğrultusunda elementin görünürlüğü ayarlanmış olacaktır.
