Asp.net Mvc Highchart örneği

Json Verisi ile Dinamik Olarak HighChart Oluşturmak

ALİ ÖZDEMİR

Herkese merhaba,
Bugün sizlere asp.net mvc de highchartlar nasıl dinamik yapılır bunu göstermek istiyorum. HighChart nedir diyorsanız bu siteyi ziyaret edebilirsiniz. http://www.highcharts.com/
Sizler için 2 tane örnek hazırladım. İlki pie chart, diğeri column chart.
Öncelikle pie chart ile başlayalım.
Önce controllerda view tarafı için gerekli verimizi ayarlıyoruz. Kodlar şu şekilde,
public class Data
{
public string Name { get; set; }

public int Count { get; set; }
}

View tarafından ajax ile istekde bulunacağımız metod
public JsonResult GetData()
{
List list = new List()
{
new Data(){ Name = "Elma", Count=20 },
new Data(){ Name = "Portakal", Count=30 },
new Data(){ Name = "Ceviz", Count=10},
new Data(){ Name = "Muz", Count=10 },
new Data(){ Name = "Kahve", Count=30 },
};
return new JsonResult() { Data = list, JsonRequestBehavior = JsonRequestBehavior.AllowGet};
}

View tarafında ise ekranımıza bir tane button ve bir tane div atıyoruz. Butona basıldığı zaman pie chart ın…

View original post 102 kelime daha

Reklamlar