Radial Chart, verileri yuvarlak bir grafikle temsil eden bir tür veri görselleştirme elementidir. Bu grafik türü genellikle daire şeklinde bir alanı kaplar ve verilerin belirli bir konsepti temsil etmesi için dairesel bir düzen içinde yerleştirildiği bir tasarıma sahiptir.
Bu tür bir grafik, genellikle bir çemberin etrafına dilimler kullanarak verileri temsil eder. Radial chart, özellikle dairesel bir düzenin daha etkili veya anlamlı olduğu durumlarda tercih edilir. Bu grafik türü, genellikle ağaç haritaları, duygu analizi sonuçları, zaman çizelgeleri veya radyal menüler gibi çeşitli uygulamalarda kullanılır.
Radial Chart elementinin bazı temel işlevleri şunlardır:
1. Veri Görselleştirme:
Radial Chart, veri setindekilerin belirli bir konsepti veya ilişkiyi daha net bir şekilde görselleştirmek için kullanılır. Bu, verilerin hiyerarşik bir şekilde düzenlenmesi veya belirli bir konseptin etrafında gruplandırılması için ideal olabilir.
2. Karşılaştırma:
Farklı sektörler veya dilimler arasındaki uzaklık, büyüklük veya renk kullanılarak karşılaştırmalar yapılabilir. Kullanıcılar, belirli veri noktalarını daha hızlı karşılaştırabilir ve anlayabilir.
3. Zaman Çizelgeleri:
Radial Chart, zaman içindeki değişiklikleri göstermek için kullanılabilir. Özellikle dairesel bir düzen, belirli bir başlangıç noktasından veya merkezden uzaklık ile zamanı temsil etmek için kullanılabilir.
4. Menüler ve Navigasyon:
Radial Chart, kullanıcıların bir dizi seçeneği hızlı bir şekilde tarayabilmeleri için menülerde veya navigasyon sistemlerinde kullanılabilir.
Uygulama geliştiricileri, Radial Chart elementini kullanarak kullanıcıların belirli verileri daha iyi anlamalarına ve etkileşimde bulunmalarına olanak tanıyan grafiksel kullanıcı arayüzleri tasarlayabilirler. Bu, özellikle veri yoğunluğu bulunan uygulamalarda veya karmaşık ilişkileri görselleştirme ihtiyacı duyulduğunda kullanışlı olabilir.
Radial Chart Elementi Ekleme
Radial Chart elementini uygulamanız içerisine eklemeniz oldukça kolay. Radial 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 Radial Chart’ı seçin.
Radial Chart elementini ekrana sürükleyin ve bırakın.
Bu parametre alanları, Radial Chart elementi ile ilgili özel yetkilendirme ayarlarını ve görünürlük tercihlerini düzenlemenizi sağlar.
Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.
Options (Seçenekler): Genel özellikleri belirlemek için kullanılır. Options içerisinde Actions açılır menüsü ile Radial Chart elementine aksiyon bağlayabilirsiniz. Bağlanan 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:
Slice Label Field (Dilim Etiketi Alanı): Bu alan, her dilimin üzerinde görünen etiketleri temsil eder. Dilim etiketleri genellikle kullanıcının, belirli bir dilimin neyi temsil ettiğini anlamasına yardımcı olur.
Slice Text Field (Dilim Metin Alanı): Slice Text Field, her dilimin içinde görünen metni temsil eder. Bu metin, belirli bir dilimin değerini veya açıklamasını içerebilir. Kullanıcıya daha fazla bağlam sağlamak için kullanılabilir.
Point Field (Nokta Alanı): Point Field, genellikle grafik üzerinde belirli bir noktayı temsil eden değerleri içerir. Örneğin, bir dilimin uç noktasını veya belirli bir değeri ifade edebilir. Point Field, grafikte belirli bir noktaya ek bilgiler eklemek için kullanılabilir.
Grafik üzerine imleci getirildiğinde gösterilen değeri ifade etmektedir.
Bu özellikler, genel olarak Radial grafiklerin belirli dilimler veya veri noktaları üzerinde daha fazla kontrol sağlamak ve kullanıcıya daha fazla bilgi sunmak amacıyla kullanılır.
Aksiyonların Propertyler içerisinde görüntülenmesi için, Custom Action panelinde ya da Datasources modülünde SQL aksiyonları oluşturulmalı ve ekrana Initial Action şeklinde çağrılmalıdır.
Levels (Seviyeler): Radial Chart'ta kullanılacak seviyeleri belirlemek için kullanılır. Bu seviyeler genellikle grafikteki dairelerin veya halkaların sayısını temsil eder. Levels içerisinde yer alan Actions açılır menüsü ile aksiyon bağlayabilirsiniz .Bağlanan aksiyon ile birlikte grafikte seviyelerin veri gösterimi sağlanmaktadır.
Genel olarak aksiyon bağlantısı yapıldıktan sonra Levels Property alanında aşağıdaki alanlar görüntülenmektedir:
Level Label Field (Seviye Etiketi Alanı): Grafikteki seviyelerin üzerinde görünen etiketleri temsil eder. Her seviye, belirli bir değeri veya kategoriyi temsil edebilir. Seviye etiketleri, kullanıcıya hangi kısmın neyi temsil ettiğini anlamalarına yardımcı olabilir.
Level Text Field (Seviye Metin Alanı): Level Text Field, her seviyenin içinde görünen metni temsil eder. Bu metin, belirli bir seviyenin değeri, açıklaması veya ek bilgisi gibi içerikleri içerebilir.
Level Percentage Field (Seviye Yüzde Alanı): Bu alan, her seviyenin toplam içindeki yüzde değerini temsil eder. Radial Chart'ta, her seviyenin grafiğin toplamının yüzdesine oranını göstermek genellikle önemlidir ve bu alan bu bilgiyi sağlar.
Level Color Field (Seviye Renk Alanı): Seviye renk alanı, her seviyenin renk paletini belirler. Grafikteki her seviye farklı bir renkte gösterilebilir, bu da kullanıcıya daha iyi bir görsel anlam sağlar.
Line Color (Çizgi Rengi): Radial Chart'taki çizgilerin rengini belirlemek için kullanılır. Her seviye veya veri noktası arasındaki bağlantı çizgilerini ifade etmektedir.
Line Width (Çizgi Kalınlığı): Line Width, çizgi kalınlığını belirlemek için kullanılır. Line Width açılır menüsü içerisinde 1-8 aralığında değerler yer almaktadır. Bu değerleri, çizgilerin incelik veya kalınlık ayarlarını yaparken kullanabilirsiniz.
Radial Line Color: Radial Line Color özelliği, her bir veri noktasını merkeze bağlayan çizgilerin rengini belirlemenizi sağlar. Bu sayede, grafikteki çizgileri farklı renklerle kodlamak ve görsel olarak ayrıştırmak mümkündür.
Back Ground Color: Radial Chart elementinin arka plan rengini belirlemenizi sağlar. Grafiğin genel görünümünü kişiselleştirebilirsiniz.
Legend Text Color: Radial Chart elementinin üzerindeki açıklama metinlerinin rengini belirlemenizi sağlar. Grafiğin açıklama kısmındaki yazıların rengini özelleştirerek, grafiğin okunabilirliği ve estetiğini arttırabilirsiniz.
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.
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.
Style panel ile arayüz tasarımını özelleştirin
Elementlerinizi Styling Paneli ile özelleştirerek, web ve mobil uygulamalarınızda benzersiz ve etkileyici kullanıcı arayüzleri oluşturabilirsiniz. Bu genel kılavuz, çeşitli elementlerin (örneğin, Collapse) nasıl özelleştirileceğini açıklar ve ortak özelliklerle ilgili detaylı bilgiler sunar.
Altta tanımlanan bölümler element özelinde değişkenlik gösterir. Her bir özelleştirme seçeneği hakkında daha fazla bilgi edinmek için, lütfen ilgili bağlantılara tıklayınız.
Elementlerin boyutlandırılması, hizalanması ve çevresel iç boşlukların (padding) ayarlanması gibi görsel düzenlemeleri buradan yapabilirsiniz. Bu ayarlar, elementin içerisinde bulunan diğer elementlerin düzenini de etkiler. Özellikler arasında Size, Min Size ve Align bulunur; ancak, bazı elementler Display özelliğini desteklemeyebilir.
Elementin metin özellikleri, yazı tipi ailesi, stil, renk, boyut, aralık ve diğer seçenekler aracılığıyla buradan düzenlenebilir. Bu bölüm, Text ile ilgili tüm ayarlamaları destekler.
Web uygulamalarında kullanılan elementlere gölge efekti ekleyerek derinlik hissi verebilirsiniz. Ancak, bazı elementler mobil uygulamalar için uygun olmadığından gölge özelliği desteklenmeyebilir.
