Я хочу ввести данные JSON из базы данных в старшую диаграмму.но диаграмма не отображается, а данные JSON.В ajax я уже разделяю категорию и данные, но это не работает.тем более, что я не знаю, как отлаживать этот код JavaScript.когда я открываю проверить источники в браузере, но он ничего не показывает.Я надеюсь, что кто-то может помочь мне
мой ViewModel
public class DataByYear
{
public int Total { get; set; }
public string year { get; set; }
}
это мой провайдер
public List<DataByYear> GetDataByYear()
{
tesdbEntities entities = new tesdbEntities();
var data = entities.Database.SqlQuery<DataByYear>("exec DataByYear");
return data.ToList();
}
Я использую SP для получения данных из базы данных
Мой контроллер
public ActionResult Index()
{
return View();
var penjualan = new PenjualanProvider();
var index = new List<DataByYear>();
index = penjualan.GetDataByYear();
return this.Json(index, JsonRequestBehavior.AllowGet);
}
и это мой JS
$(document).ready(function () {
$.ajax({
url: '@Url.Action("Index")',
type: 'POST',
contentType: "application/json; charset=utf-8",
dataType: 'json',
async: true,
success: function (dataChart) {
var Xaxis = [];
var dataseries = [];
for (i = 0; i < DataByYear.length; i++) {
var items = DataByYear[i];
var XcategoreisItem = items.year;
var seriesData = items.Total;
Xaxis.push(XcategoreisItem);
dataseries.push(seriesData);
getchart(Xaxis, dataseries);
}
}
})
});
function getchart(Xaxis, dataseries) {
$('#data').highcharts({
chart: {
type: 'line',
zoomType: 'xy',
panning: true,
panKey: 'shift'
},
title: {
text: 'Profit From 2018'
},
plotOptions: {
series: {
dataLabels: {
enabled: true,
format: '{y}%',
}
}
},
xAxis: {
categories: Xaxis
},
yAxis: {
title: {
text: 'Y axis text'
},
series: dataseries
}
});
};