Line Chart elementi, zaman içindeki veri değişimlerini sezgisel ve etkili bir şekilde analiz etmenizi sağlar. Noktaların çizgilerle birleştirilmesi sayesinde trendler, dalgalanmalar ve kritik dönemler kolayca gözlemlenebilir. Performans analizleri, zaman serisi raporlamaları ve karşılaştırmalı grafikler için kullanılır. 

Line Chart elementi, hem web hem de mobil uygulamalarda desteklenir.

Kullanım Alanları

• Günlük, haftalık veya aylık satış trendlerini görmek,
• Web sitesi trafiğini analiz etmek,
• Dönüşüm oranlarının zamanla değişimini takip etmek,
• Performans metriklerini karşılaştırmalı olarak incelemek vb. 

Website Trafik Takibi

Bir e-ticaret sitesinin günlük ziyaretçi sayısını ve dönüşüm oranını takip etmek için Line Chart kullanılır.

• Datasource olarak günlük ziyaretçi ve dönüşüm verilerini çeken bir aksiyon bağlanır.
• Data Field → Ziyaretçi sayısı
• Second Data Field → Dönüşüm oranı
• Her veri serisine farklı renk atanır (örn. ziyaretçi → mavi, dönüşüm → yeşil).
• Tooltip içinde hem ziyaretçi hem dönüşüm verileri gösterilir.
• Show Data Labels aktif edilirse her noktanın değeri görülebilir.
• Y ekseni sıfırdan başlatılır ve maksimum değer dinamik olarak belirlenir.

Veri Kaynağı Bağlama

1. Datasources modülüne gidin.
2. Tables başlığı yanındaki + ikonuna tıklayın ve tabloya “TrafficData” adını verin.
3. Aşağıdaki tabloyu oluşturun. 

4. Ardından SQL Actions’a tıklayın ve aksiyona “TrafficData” ismini verin. C# ile de oluşturabilirsiniz.
5. Aşağıdaki SQL örneğini kullanın:

SELECT '2025-09-01' AS Day, 1200 AS Visitors, 3.5 AS ConversionRateUNION ALLSELECT '2025-09-02', 1500, 4.2UNION ALLSELECT '2025-09-03', 1100, 2.8UNION ALLSELECT '2025-09-04', 1700, 3.9UNION ALLSELECT '2025-09-05', 1600, 4.0

UI Design Modülü İşlemleri

1. Uygulama ekranında sağ kenarda bulunan Add Action butonuna tıklayın.
2. Custom > TrafficData aksiyonunu seçin.
3. Line Chart elementini ekleyin.
4. Properties paneli Datasource alanından TrafficData aksiyonunu seçin.

Özelliklerin Senaryo Bağlamında Kullanılması

• Datasource
  
  • Açıklama: Grafikte kullanılacak verilerin kaynağını belirler.
  • Örnek: “TrafficData” datasını seçmek.
• Data Label
  
  • Açıklama: Noktalarda gösterilecek veri etiketi.
  • Örnek: “1200, 1500, 1700…”
• Tooltip Custom Title Data Label
  
  • Açıklama: Tooltip başlığında gösterilecek veri.
  • Örnek: Tooltip → “2025-09-02”
• Tooltip Custom Content Data Label
  
  • Açıklama: Tooltip içeriğinde detaylı açıklama için ek veri alanı.
  • Örnek: “Visitors: 1500 — Conversion: 4.2%”
• Multi Tooltip Content Fields
  
  • Açıklama: Tooltip içinde birden fazla alan gösterebilirsiniz.
• Data Field
  
  • Açıklama: Ana veri serisi.
  • Örnek: Visitors
• Data Bg Color
  
  • Açıklama: Çizgi ve nokta rengi.
  • Örnek: Visitors → Mavi (#00BFFF)
• Second Data Field / Second Data Bg Color
  
  • Açıklama: İkinci veri serisi.
  • Örnek: ConversionRate → Yeşil (#28a745)
• Third Data Field / Third Data Bg Color
  
  • Açıklama: Üçüncü veri serisi (opsiyonel).
• Legend
  
  • Açıklama: Veri serilerinin isimlerini gösterir.
  • Seçenekler: top, bottom, left, right
• Left Axis / Right Axis
  
  • Açıklama: Y/X eksenlerini göster/gizle.
• Begin At Zero
  
  • Açıklama: Grafiği sıfırdan başlatır.
• Max Y Axis Value
  
  • Açıklama: Y ekseninde maksimum değeri belirler.
• Show Data Labels (sadece web)
  
  • Açıklama: Nokta üstünde değerleri gösterir.
• Data Label Formatter (sadece web)
  
  • Açıklama: Etiket biçimini seçmenizi sağlar.
  • Seçenekler: Money, Percent, Fractional
• Line Color / Thickness / Dot Width (sadece web)
  
  • Açıklama: Çizgi rengi, kalınlığı ve nokta boyutunu ayarlar.
• Data Label Position (sadece web)
  
  • Açıklama: Etiketin konumunu belirler (top, bottom, left, right).

Senaryo Adımı Tamamlandığında

• X ekseninde: Günler → 01–05 Eylül
• Y ekseninde: Ziyaretçi sayıları ve dönüşüm oranları
• İki ayrı çizgi (Visitors & ConversionRate) farklı renklerle görünür.
• Tooltip açıldığında kategori + değer bilgileri gösterilir.
• Kullanıcı web trafiğini trendler halinde kolayca analiz edebilir.

Kısıtlamalar

• “Show Data Labels”, “Data Label Formatter” ve çizgi stilleri yalnızca web uygulamalarında çalışır.
• Mobilde veri noktaları sadece tooltip ile görüntülenir.

İpuçları ve Best Practices

Datasource eklenmeden özellikleri tanımlamaya çalışmayın.

• Renk kontrastlarını yüksek tutun (özellikle çoklu serilerde).
• Çok fazla veri noktası eklemek grafiği karmaşık hale getirebilir.
• İdeal nokta sayısı: 7–30 arasıdır.
• Büyük veri kümelerinde performansı artırmak için veri sorgularını sınırlandırın.