在ASP.NET MVC Razor Chart控件中指定数据类型

时间:2018-03-05 08:50:10

标签: c# asp.net asp.net-mvc charts

我试图使用" native" ASP.NET中的图表控件。

问题是,我无法弄清楚如何指定X轴的数据类型。

图表控件的文档非常有限。

var myChart = new Chart(2000, 600).AddTitle("Licenses")
.AddSeries(
name: "License usage",
xValue: licenseDates,
yValues: licenseCount);

1 个答案:

答案 0 :(得分:1)

假设您有类似的类:

public class User
{
   public int Id { get; set; } 
   public string Name { get; set; }
   public int Age  { get; set; }
}

你可以得到如下日期:

var users= _dbContext.Users.ToList()

然后:

var myChart = new Chart(width: 600, height: 400)
    .AddTitle("User Chart")
    .AddSeries(
         name: "User",
         xValue: users.select(u=>u.Name).ToArray(),
         yValues: users.select(u=>u.Age).ToArray()
        )
    .Write();

OR

var myChart = new Chart(2000, 600)
.AddTitle("Licenses")
.AddSeries(
    name: "User Chart",
    xValue: users, xField: "Name",
    yValues: users, yFields: "Age"
  );

您可以从this链接获取更多信息。