Интеграция диаграммы синхронизации с ASP.NET MVC

Question

Я использую syncfusion для своего приложения для отображения диаграммы, и я использовал документацию this для создания демонстрационной страницы.

Страница поставляется без ошибок, но график не отображается на странице.

Как я уже убедился, имеется код, но не отображается на странице.

Я приложил скриншот, пожалуйста, изучите это.

Код:

Контроллер сторона:

public class HomeController : Controller 
    { 
     public ActionResult Index() 
     { 
      //// Create dataSource to chart 
      List<ChartData> data = new List<ChartData>(); 
      data.Add(new ChartData("Jan", 35)); 
      data.Add(new ChartData("Feb", 28)); 
      data.Add(new ChartData("Mar", 34)); 
      data.Add(new ChartData("Apr", 32)); 
      data.Add(new ChartData("May", 40)); 
      data.Add(new ChartData("Jun", 32)); 
      data.Add(new ChartData("Jul", 35)); 
      data.Add(new ChartData("Aug", 55)); 
      data.Add(new ChartData("Sep", 38)); 
      data.Add(new ChartData("Oct", 30)); 
      data.Add(new ChartData("Nov", 25)); 
      data.Add(new ChartData("Dec", 32)); 
      ///... 
      ViewBag.ChartData = data; 
      return View(); 
     } 
    }   

    public class ChartData { 
     public string Month; 
     public double Sales; 
     public ChartData(string month, double sales) 
     { 
      this.Month = month; 
      this.Sales = sales; 
     } 
    } 

CSHTML:

@using Syncfusion.JavaScript.DataVisualization 

<!-- jquery script --> 
    <script src="http://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.js"></script>  

    <!-- Essential JS UI widget --> 
    <script src="http://cdn.syncfusion.com/13.1.0.21/js/web/ej.web.all.min.js"></script> 

    <!--Add Syncfusion Script Manager --> 
    @Html.EJ().ScriptManager() 

<div> 

       @(Html.EJ().Chart("chartContainer") 
        .Series(sr => 
         { 
          //Change series type 
          sr.Type(SeriesType.Line).Add();     
         }) 
       ) 
      </div> 

Answer 1

Мы проанализировали запрос с прикрепленным скриншоте. Мы подозреваем, что вы установили true для UnobtrusiveJavaScriptEnabled, но не указали файл ej.unobtrusive.min.js. Поэтому мы рекомендуем ссылаться на файл ej.unobtrusive.min.js. Пожалуйста, найдите фрагмент кода ниже.

<script src="~/Scripts/ej/jquery-3.0.0.min.js"></script> 
<script src="~/Scripts/ej/ej.web.all.min.js"></script> 
<script src="~/Scripts/ej/ej.unobtrusive.min.js"></script> 

Для справки мы приложили образец. Не стесняйтесь найти Sample Link

Ненавязная поддержка JavaScript создаст компоненты с базовым уровнем HTML-подобной структуры, чтобы уменьшить вес страницы. Для получения более подробной информации о Ненавязчивом, любезно следуйте приведенной ниже ссылке

Help document

Спасибо, Dharani.