在 ASP.NET MVC 剃刀图控件中指定数据类型

Question

我正在尝试在 ASP.NET 中使用"本机"图表控件。

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

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

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

Answer 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();

或

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

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