базы данных в Highchart ASP.NET MVC - PullRequest
0 голосов
/ 28 декабря 2018

Я хочу ввести данные 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
        }
    });
};

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...