CHART KULLANIMI

Projemizde veya uygulamamızda elimizdeki verileri görselleştirmek için chartları(grafikleri) kullanabiliriz. Chartlar kullanıcılara çeşitli grafik türleri oluşturma ve verileri daha anlamlı ve etkili bir şekilde sunma olanağı sağlar. Chartların genel kullanım amaçları, veri analizi ve görselleştirme, raporlama ve analitik, performans İzleme, optimizasyon, kullanıcı deneyimi geliştirmedir. OutSystems Charts ile kolayca chartlarımızı oluşturabilir ve kullanmaya başlayabiliriz. OutSystems toolbox’ı içerisinde bizlere 6 farklı Chart widget’ı sunar. Bunlar Area Chart, Bar Chart, Column Chart, Donut Chart, Line Chart ve Pie Chart’dır.

Line Chartlar her noktanın tek bir değeri temsil ettiği basit, iki boyutlu bir grafiktir. Veri noktaları, genellikle zaman içindeki bir eğilimi göstermek için bir çizgi ile birleştirilir.

Kullanım örnekleri:

• Aylık hava sıcaklığı değişimini görselleştirmek.
• Bir şirketin gelirlerini yıl boyunca izlemek ve trendleri görmek.
• Bir ürünün satışlarını belirli bir zaman diliminde göstermek.

Area chartlarda veri noktaları bir çizgi ile birleştirilir ve çizginin altında kalan alan renkli bir şekilde gösterilir.

Kullanım Örnekleri:

• Bir şirketin ürün kategorilerine göre aylık satış gelirlerini görselleştirmek.
• Nüfus artışını ve azalışını yıllar içinde göstermek.
• Bir proje sürecinde harcanan kaynakların zaman içinde nasıl dağıldığını göstermek.

Column Chartlar dikdörtgen çubukların y ekseni boyunca yerleştirildiği ve çubuk yüksekliğinin belirli bir kategori için değeri temsil ettiği iki boyutlu bir grafiktir.

Kullanım Örnekleri:

• Bir öğrenci sınıfının farklı derslerdeki not ortalamalarını karşılaştırmak.
• Farklı ürünlerin satışlarını aylık bazda göstermek.
• Bir şehirdeki ay bazında yağış miktarını karşılaştırmak.

Bar Chartlar, column chartlara benzer. Bu chartlar dikdörtgen çubukların x ekseni boyunca yerleştirildiği ve her çubuğun uzunluğunun belirli bir kategori için değeri temsil ettiği basit bir iki boyutlu grafiklerdir.

Kullanım Örnekleri:

• Farklı ülkelerdeki enerji tüketimini karşılaştırmak.
• Bir anket sonucunda farklı seçeneklerin oy oranlarını göstermek.
• Bir spor takımının farklı oyuncularının performansını karşılaştırmak.

Pie Chartlar, verileri bölümlerde gösteren, her bölümün bir kategoriyi temsil ettiği ve bölümün boyutunun sunulan verinin değerine karşılık geldiği dairesel bir grafik türüdür.

Kullanım Örnekleri

• Bir şirketin gelirlerini farklı kaynaklara göre dağılımını göstermek (Örn. satış geliri, kira geliri, yatırım geliri).
• Bir bütçenin farklı harcama kalemlerine göre dağılımını göstermek.
• Bir proje sürecinde harcanan süreyi farklı aktiviteler arasında göstermek.

Donut Chartlar verileri halkalarda gösteren, her halkanın bir kategoriyi temsil ettiği ve halkanın    boyutunun sunulan verinin değerine karşılık geldiği dairesel bir grafiktir.

Kullanım Örnekleri:

• Bir web sitesinin trafiğini farklı kaynaklara göre göstermek (Örn. doğrudan, organik arama, sosyal medya).
• Bir müşteri anketinde farklı kategorilere göre memnuniyet düzeyini göstermek.
• Bir şirketin gelirlerini farklı ürünlere göre dağılımını göstermek.

Grafikleri kullanabilmek için öncelikle eklemek istediğimiz verileri sayfamızda yüklemiş olmamız gerekiyor bunu “Fetch Data from Database” özelliği ile hızlıca yapabilirsiniz.

Daha sonra kullanmak istediğimiz veri tipini toolbox üzerisinden seçip ekrana sürüklüyoruz.

Eklediğimiz her bir grafik için SourceDataPointList seçeneğine göstermek istediğimiz aggregateyi seçiyoruz. Burada tüm verileri bizim için mapleyecek ve uygun bir hale getirecektir. Bunun için Label ve Value değerlerini sırasıyla dolduruyoruz.

Eğer bir Label’a ait birden fazla veri göstermek istiyorsak DataSeriesName seçeneğini doldurabiliriz.

Tüm adımları tamamladıktan sonra chartlarınızı kullanmaya başlayabilirsiniz.