We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
|
ASP.NET MVC:
//JSON Data
public ActionResult chart()
{
List<data> data1 = new List<Controllers.data>();
data1.Add(new data(new DateTime(2016, 01, 01), 1500));
data1.Add(new data(new DateTime(2016, 02, 01), 2000));
data1.Add(new data(new DateTime(2016, 03, 01), 5400));
data1.Add(new data(new DateTime(2016, 04, 01), 6000));
data1.Add(new data(new DateTime(2016, 05, 01), 4500));
data1.Add(new data(new DateTime(2016, 06, 01), 8500));
data1.Add(new data(new DateTime(2016, 07, 01), 9000));
data1.Add(new data(new DateTime(2016, 08, 01), 11000));
data1.Add(new data(new DateTime(2016, 09, 01), 14500));
data1.Add(new data(new DateTime(2016, 10, 01), 16000));
return Json(data1);
}
@(Html.EJ().Chart("container")
//...
.Load("getJsonData")
//...
)
//Binding data to chart in load event using AJAX
function getJsonData(sender) {
$.ajax({
type: "POST",
url: '@Url.Action("chart","Home")',
async: false,
success: function (data) {
sender.model.series[0].dataSource = data;
sender.model.series[0].xName = "xvalue";
sender.model.series[0].yName = "yvalue"
},
});
}
|
|
ASP.NET MVC:
public ActionResult chart()
{
Random y = new Random();
List<Data> value = new List<Data>();
//Data created for series
for (int i = 0; i < 12; i++)
{
value.Add(new Data(new DateTime(2016, i+1, 01), y.Next(1000, 2000)));
}
List<JsonData> json = new List<JsonData>();
//Binding dataSource with ID
for (int j = 0; j < 10; j++)
{
json.Add(new JsonData(j, value));
}
return Json(json);
}
public class JsonData
{
public double Id { get; set; }
public List<Data> data {get; set;}
public JsonData(double Id, List<Data> data)
{
this.Id = Id;
this.data = data;
}
}
//Class for x and y values
public class Data
{
public Data(DateTime xval, int yval)
{
this.xvalue = xval;
this.yvalue = yval;
}
public DateTime xvalue { get; set; }
public int yvalue { get; set; }
}
//Binding data to chart in load event using AJAX
function getJsonData(sender) {
$.ajax({
type: "POST",
url: '@Url.Action("chart","Home")',
async: false,
success: function (jsondata) {
for (var i = 0; i < jsondata.length; i++) {
if (i == jsondata [i].Id) {
sender.model.series[i].dataSource = jsondata [i].data;
sender.model.series[i].xName = "xvalue";
sender.model.series[i].yName = "yvalue";
}
}
},
});
} |
