Диаграмма Кендо не отображает данные в приложении ASP.NET MVC 5 ⇐ C#

[Anonymous]

Я работаю над приложением ASP.NET MVC 5 и пытаюсь отобразить линейную диаграмму Kendo. На диаграмме следует отобразить месяц и год по оси X, а процент соответствия — по оси Y, а ряд линий представляет процент соответствия для каждого судьи.
Однако диаграмма не является отображает любые данные, а они кажутся пустыми.
Вот моя конфигурация диаграммы Кендо в представлении:

@(Html.Kendo().Chart()
.Name("chart11")
.Title("Compliance by Adjudicator")
.Theme("bootstrap")
.DataSource(dataSource => dataSource
.Read(read => read.Action("ComplianceByAdjudicator", "Analytics"))
)
.Series(series => {
series.Line(model => model.CompliancePercent);
})
.Legend(legend => legend
.Position(ChartLegendPosition.Bottom)
)
.ValueAxis(axis => axis.Numeric().Labels(labels => labels.Format("{0}%")).Color("black").Title("Compliance Percent"))
.CategoryAxis(axis => axis.Categories(model => model.YearMonth).Color("black").Title("Months"))
)


Несмотря на то, что ответ содержит данные, диаграмма остается пустой. Я проверил, что ответ JSON содержит ожидаемые данные. Вот несколько вещей, которые я пробовал, но безуспешно:

• Проверил на наличие ошибок JavaScript в консоли.
  < li>Проверил, что источник данных настроен правильно.
• Убедился, что ось категорий привязана к YearMonth.
• Подтверждена, что Действие ComplianceByAdjudicator возвращает правильные данные.

Что я упускаю или делаю неправильно? Почему диаграмма Кендо не отображает данные?
Вот модель, используемая для данных диаграммы:
using System;
using System.Collections.Generic;

namespace MiCATS.Models
{
public class AnalyticsChartViewModel
{
public string SeriesName { get; set; }
public string SeriesName2 { get; set; }
public string SeriesName3 { get; set; }
public string Department { get; set; }
public string Year { get; set; }
public int Year2 { get; set; }
public string XAxisLabel { get; set; }
public double SeriesValue { get; set; }
public double SeriesValue2 { get; set; }
public double SeriesValue3 { get; set; }
public double SeriesValue4 { get; set; }
public double SeriesValue5 { get; set; }
public double SeriesValue6 { get; set; }
public double SeriesValue7 { get; set; }
public List ChartData { get; set; }
public List ChartData2 { get; set; }
}

public class ChartDataItem
{
public int Year { get; set; }
public int Month { get; set; }
public int QuestionId { get; set; }
public string Question { get; set; }
public string Section { get; set; }
public int GapsIdentified { get; set; }
public string YearMonth { get; set; }
public string Date { get; set; }
}

public class ChartDataItem2
{
public int Year { get; set; }
public int Month { get; set; }
public double CompliancePercent { get; set; }
public string Adjudicator { get; set; }
public string YearMonth { get; set; }
}
}

Вот ответ, который я получаю:
{
"ChartData": null,
"ChartData2": [
{"Year": 2024, "Month": 3, "CompliancePercent": 38.33, "Adjudicator": "Cheryl Stanecki", "YearMonth": "March 2024"},
{"Year": 2024, "Month": 4, "CompliancePercent": 80, "Adjudicator": "Cheryl Stanecki", "YearMonth": "April 2024"},
{"Year": 2024, "Month": 5, "CompliancePercent": 92.14, "Adjudicator": "Tonita Young", "YearMonth": "May 2024"},
{"Year": 2024, "Month": 3, "CompliancePercent": 58, "Adjudicator": "Dawanda Liddell", "YearMonth": "March 2024"}
],
"Department": null,
"SeriesName": null,
"SeriesName2": null,
"SeriesName3": null,
"SeriesValue": 0,
"SeriesValue2": 0,
"SeriesValue3": 0,
"SeriesValue4": 0,
"SeriesValue5": 0,
"SeriesValue6": 0,
"SeriesValue7": 0,
"XAxisLabel": null,
"Year": null,
"Year2": 0
}


Подробнее здесь: https://stackoverflow.com/questions/785 ... pplication