Использование диаграммы JS в Asp.net MVC - PullRequest
0 голосов
/ 18 февраля 2019

У меня есть таблица без файлов и их месяца.Я хочу показать график для прогресса каждого месяца.но я не могу показать данные на графике, в console.log дата тоже не в нужной форме.как поместить названия месяцев, сгенерированные из запроса sql, в поля меток и каждый месяц считать файл в данных

DataSet ds = dbop.GetViews();
            List<ListReg> list = new List<ListReg>();
            foreach (DataRow dr in ds.Tables[0].Rows)
            {
                list.Add(new ListReg
                {
                    eFile_registered = Convert.ToInt32(dr["eFile_registered"]),
                    eFile_Month = Convert.ToDateTime(dr["eFile_Month"]).ToString()
                });

            }

            return Json(list, JsonRequestBehavior.AllowGet);`


//model

  $(document).ready(function () {
            $.ajax({
                type: "POST",
                url: "/test/LineChart",
                method: 'GET',
                dataType: "JSON",
                success: function (dr) {
                    console.log(dr);
                    var month=dr[0];
                    var count=dr[1];

                    var ctx = document.getElementById("canvas").getContext('2d');
                    var myChart = new Chart(ctx, {
                        type: 'line',
                        height: "230px",
                        width: "300px",
                        responsive: false,
                        animation: false,
                        legend: { position: 'bottom' },
                        data: {
                            //labels: ["M", "T", "W", "T", "F", "S", "S"],  
                            labels: month,
                            datasets: [{
                                label: 'Monthly Expenses',
                                data: count,
                                backgroundColor: "rgb(66, 134, 244)"
                            }]
                        }, options: {
                            events: ['click'],
                            scaleShowValues: true,
                            scales: {
                                yAxes: [{
                                    ticks: {
                                        beginAtZero: true
                                    }
                                }],
                                xAxes: [{
                                    ticks: {
                                        autoSkip: false
                                    }
                                }]
                            }
                        }
                    });


                },
                "error": function (list) {
                    alert("Some Error Occured!");
                }
            });
        })



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