kendo chart datasource транспорт url не работает

Question

Я новичок в пользовательском интерфейсе kendo, я имею в виду: я работаю над Asp.net MVC, и я пытаюсь связать диаграмму кено с использованием транспортного Url, но он не работает , я прошел весь день в поисках решения, но не мог найти, спасибо за вашу помощь: это мой код:

<script> $("#chart").kendoChart({ 
dataSource: { 
    transport: { 
     read: { 
      url: "@Html.Raw(Url.Action("Showchart", "Chart"))", 
      dataType: "json" 
     } 
    }, 
    sort: { 
     field: "year", 
     dir: "asc" 
    } 
} 
}); 
</script> 
Controller: 
public ActionResult Showchart() 
    { 
     List<RootObject> Mylist = new List<RootObject>(); 

     RootObject object1 = new RootObject(); 
     object1.sales = 200; 
     object1.year ="1990"; 
     Mylist.Add(object1); 

     RootObject object2 = new RootObject(); 
     object2.sales = 230; 
     object2.year = "2008"; 
     Mylist.Add(object2); 

     RootObject object3 = new RootObject(); 
     object3.sales = 260; 
     object3.year = "2007"; 
     Mylist.Add(object3); 

     RootObject object4 = new RootObject(); 
     object4.sales = 659; 
     object4.year = "2006"; 
     Mylist.Add(object4); 

     RootObject object5 = new RootObject(); 
     object5.sales = 400; 
     object5.year = "2000"; 
     Mylist.Add(object5); 
     return Json(Mylist); 
    } 
} 

public class RootObject 
{ 
    public int sales; 
    public string year; 
} 

Answer 1

Пожалуйста, попробуйте ниже фрагмент кода.

VIEW

<div id="chart"></div> 

<script> 
    $("#chart").kendoChart({ 
     dataSource: { 
      transport: { 
       read: { 
        url: "@Html.Raw(Url.Action("Showchart", "YourControllerName"))", 
        dataType: "json" 
       } 
      }, 
      sort: { 
       field: "year", 
       dir: "asc" 
      } 
     }, 
     seriesDefaults: { 
      type: "area" 
     }, 
     series: [{ 
      field: "sales", 
      name: "sales" 
     }], 
     categoryAxis: { 
      field: "year" 
     }, 
    }); 
</script> 

CONTROLLER

public ActionResult Showchart() 
{ 
    List<RootObject> Mylist = new List<RootObject>(); 

    RootObject object1 = new RootObject(); 
    object1.sales = 200; 
    object1.year = "1990"; 
    Mylist.Add(object1); 

    RootObject object2 = new RootObject(); 
    object2.sales = 230; 
    object2.year = "2008"; 
    Mylist.Add(object2); 

    RootObject object3 = new RootObject(); 
    object3.sales = 260; 
    object3.year = "2007"; 
    Mylist.Add(object3); 

    RootObject object4 = new RootObject(); 
    object4.sales = 659; 
    object4.year = "2006"; 
    Mylist.Add(object4); 

    RootObject object5 = new RootObject(); 
    object5.sales = 400; 
    object5.year = "2000"; 
    Mylist.Add(object5); 
    return Json(Mylist, JsonRequestBehavior.AllowGet); 
} 

Примечание: 1) Для того, чтобы запустить приведенный выше код, вы должны добавленным требуется кендо библиотеку JavaScript в представлении кода. 2) Замените текст «YourControllerName» на имя вашего контроллера внутри.

Дайте мне знать, если есть вопросы.