c# - 使用 c# asp.net mvc3 在单个页面上绘制多个图表

Question

我想知道是否可以使用 C# 将多个图表返回到单个页面/ View ？

背景信息

1. C#、ASP.NET MVC3
2. DotNet.Highcharts 库

目标:我的总体目标是使用 ASP.NET MVC3 制作一个包含两个图表的网页

示例

HighCharts g1 = new HighCharts("chart");
HighCharts g2 = new HighCharts("chart");
return View(model, g1, g2);

这是我想要的示例，但我不太确定这是否可行。如果是这样，我将如何做到这一点？如果可能，我将如何使用 Razor 输出图表？

非常感谢您的帮助，我很感激!如果问题中有任何误解，请告诉我。

Answer 1

只需创建一个包含 List<HighChart> 的模型(或将其添加到您现有的模型)。像这样的东西:

public class ChartsModel
{
    public List<HighChart> Charts { get; set; }
}

然后您可以填充模型并将其发送到操作方法中的 View ，如下所示:

ChartsModel model = new ChartsModel();
model.Charts = new List<HighChart>();

HighCharts g1 = new HighCharts("chart");
HighCharts g2 = new HighCharts("chart");

model.Charts.Add(g1);
model.Charts.Add(g2);

return View(model);

然后在您的 View 中，您可以循环查看每个图表:

@model ChartsModel

@foreach (HighCharts chart in Model.Charts)
{
    @* do your stuff *@
}