Блог

Я использую asp.net диаграммы mvc 5 и KendoUI. Я хочу создать линейную диаграмму, вертикальная ось которой — это направление, горизонтальная ось — год, и для каждой страны добавить серию. Список стран не является фиксированным. как я могу это сделать?

Моя модель:

 public class ChartDataViewModel
{
    public string Country { get; set; }
    public int Poulation { get; set; }
    public int Year { get; set; } 
}
 

мой контроллер:

 public ActionResult ChartPage()
{
    var model = GetData().Select(item => new ChartDataViewModel
    {
        Year = item.Year,
        Population = item.Population,
        Country = item.Country,
    }).ToList();

    return View(model);
}
 

Мой вид Razor:

 @(Html.Kendo().Chart(Model)
    .Name("mychart")
    .Series(series =>
    {
        foreach (var item in Model.Select(item => item.Country).Distinct().ToList())
        {
            series.Line(m => m.Country).Field(item).CategoryField("Year");
        }
    })
    .CategoryAxis(axis => axis
        .Labels(labels => labels.Padding(0).Rotation(0))
        .Categories(m=> m.Year)
    )
    .ValueAxis(axis => axis.Numeric()
        .Labels(labels => labels.Visible(true))
        .Line(line => line.Visible(true))
        .Name("Poulation")
    )
)