charts

SignalR ve Angular Kullanarak Net Core ile Gerçek Zamanlı Grafikler

SignalR uygulamalarımız da gerçek zamanlı grafikler kullanmamıza olanak sağlayan bir kütüphanedir. Burada yapacağımız projeyi Github sayfamdan indirebilirsiniz. Bu yazımda SignalR’yi Angular ve .Net Core ile nasıl kullanacağımızı anlatacağım. Server ve Client olarak iki proje oluşturacağız, öncelikle server tarafı için bir .Net Core Boş Api projesi oluşturuyoruz. Temel yapılandırma ayarları için oluşturduğumuz projede bulunan Properties altındaki “launchSettings.json” dosyasını şu şekilde ayarlıyoruz; Sunucu tarafında localhost:5001 ve client tarafında çalışacak localhost:4200 bunlar arasında iletişim sağlaması için de Cors’u etkinleştiriyoruz. Startup.cs dosyasındaki classı aşağıdaki şekilde değiştiriyoruz. Şu şekilde görünmeli; Konfigürasyon ve Kurulum; SignalR kü...

Asp.NET Core Grafik (Chart) Oluşturma

Merhabalar; Bu yazımda Asp.Net Core Projemizde pie, line, bar vb. grafikler nasıl oluşturulur bunu anlatacağım. Öncelikle Asp.NET Core Web Application projesi oluşturmayı biliyor olmamız gerekiyor, burada bu konuya girmeyeceğiz fakat Asp.Net Core Web Applicatiob ile devam ederek bir tane oluşturuyoruz, Bu projede Jquery ve chart.js kütüphanelerinden faydalanacağız. Öncelikle Model klasörü altına “SimpleReportViewModel” ve “StackedViewModel” isimlerinde birer class oluşturuyoruz. SimpleReportViewModel StackedViewModel Şimdi Controller oluşturuyoruz, ChartController View Sonuç olarak bu şekilde bir bar chart oluşturmuş oluyoruz. Github adresinde ki projeyi clonlayarak diğer türlerdeki grafiklerin örneklerine ulaşabilirsiniz.