как написать этот код старшей диаграммы на моей странице aspx - PullRequest
Новая
       45

как написать этот код старшей диаграммы на моей странице aspx

0 голосов
/ 03 июля 2019

Эти коды написаны на mvc.Как я могу написать этот код на странице aspx?

Эти коды мой homecontroller 

{
    public class HomeController : Controller
    {


        public ActionResult GetData()
        {
            NORTHWNDEntities context = new NORTHWNDEntities();

            var query = context.Order_Details.Include("Product")
                 .GroupBy(p => p.Product.ProductName)
                 .Select(g => new { name = g.Key, count = g.Sum(w => w.Quantity) }).ToList();
            return Json(query, JsonRequestBehavior.AllowGet);
        }


    }
}

Эти коды моя страница index.cshtml 

 ViewBag.Title = "Home Page";
}

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

<script>

 $(document).ready(function () {
     $.getJSON("/Home/GetData", function (data) {
         var Names = []
         var Qts = []

         for (var i = 0; i < data.length; i++)
         {
             Names.push(data[i].name);
             Qts.push(data[i].count);

         }



         Highcharts.chart('container', {
             chart: {
                 type: 'line'
             },
             title: {
                 text: 'Monthly Average Temperature'
             },
             subtitle: {
                 text: 'Source: WorldClimate.com'
             },
             xAxis: {
                 categories: Names
             },
             yAxis: {
                 title: {
                     text: 'Temperature (°C)'
                 }
             },
             plotOptions: {
                 line: {
                     dataLabels: {
                         enabled: true
                     },
                     enableMouseTracking: false
                 }
             },
             series: [{
                 name: 'Trend',
                 data: Qts

             }]
         });

     }); 



 });

Эти коды работают. Я пробовал их с aspx, но я думаю, что у меня возникли проблемы с преобразованием данных JSON.И можете ли вы показать мне хороший ресурс для изучения хай-чартов в asp.net?

...