在 MVC 图表中按月分组日期

Question

我想统计一个月内的新用户数。然而，这是我收到的输出。我如何将重复的月份分组为“一月”、“十一月”。非常感谢您的帮助。

Image of output

public ActionResult UserPerMonth()
{

    var _con = new DBEntities();
    ArrayList xValue = new ArrayList();
    ArrayList yValue = new ArrayList();
    var results = (from c in _con.Users select c);
    results.ToList().ForEach(rs => yValue.Add(rs.id.ToString().Count()));
    results.ToList().ForEach(rs => xValue.Add(rs.date.Value.ToString("MMM-yyyy")));

    var chart = new Chart(width: 300, height: 200)
                .AddTitle("Users per month")
                .AddLegend()
                .AddSeries(
                chartType: "Column",
                xValue: xValue,
                yValues: yValue)
                .GetBytes("png");
     return File(chart, "image/png");
 }

Answer 1

可能有更简洁的方法，但这对我有用。为您的图表数据添加一个类，例如

public class ChartData
{
    public string Month { get; set; }
    public int Count { get; set; }
}

然后您可以使用带有 groupby 和 count 的 linq 查询来获取数据并将其放入 ChartData 类型，然后将这些值移动到相关轴：

public ActionResult UserPerMonth()
{

    var _con = new DBEntities();
    ArrayList xValue = new ArrayList();
    ArrayList yValue = new ArrayList();

    var results = (from c in _con.Users select c);

    var axis = results.GroupBy(r => r.date.Value.ToString("MMM-yyyy"))
            .Select(r => new ChartData
            {
                Month = r.Key,
                Count = r.Count()
            }).ToList();

    foreach (var item in axis)
    {
        xValue.Add(item.Month);
        yValue.Add(item.Count);
    }


    var chart = new Chart(width: 300, height: 200)
        .AddTitle("Users per month")
        .AddLegend()
        .AddSeries(
            chartType: "Column",
            xValue: xValue,
            yValues: yValue)
        .GetBytes("png");
    return File(chart, "image/png");
}