C# Highcharts使用c asp.net mvc3在一个页面上显示多个图表

我想知道是否可以使用c将多个图表返回到单个页面/视图？ 背景资料

C、 ASP.NET MVC3 高图表库 目标：我的总体目标是使用ASP.NET MVC3创建一个包含两个图表的网页

范例

这是我想要的一个例子，但我不太确定这是否可行。如果是这样，我将如何实现这一点？如果可能，我将如何使用razor输出图表

---

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

只需创建一个包含列表的模型，或将其添加到现有模型中即可。比如：

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

---

只需创建一个包含列表的模型或将其添加到现有模型中。比如：

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

---

如果只添加两个图表，则不需要列表。。只需在类中为类型化视图声明：

public class ChartsModel
{
   public Highcharts Chart1 { get; set; }
   public Highcharts Chart2 { get; set; }
}

然后您的视图将@Model.Chart1和@Model.Chart2放在您想要的位置

重要提示：图表需要不同的名称，因此在控制器中，创建图表时：

HighCharts g1 = new HighCharts("chart1"){ // Note the names
   // definitions
};
HighCharts g2 = new HighCharts("chart2"){
   // definitions
};

ChartsModel model = new ChartsModel();

model.Chart1 = g1;
model.Chart2 = g2;

return View(model);

---

如果只添加两个图表，则不需要列表。。只需在类中为类型化视图声明：

public class ChartsModel
{
   public Highcharts Chart1 { get; set; }
   public Highcharts Chart2 { get; set; }
}

然后您的视图将@Model.Chart1和@Model.Chart2放在您想要的位置

重要提示：图表需要不同的名称，因此在控制器中，创建图表时：

HighCharts g1 = new HighCharts("chart1"){ // Note the names
   // definitions
};
HighCharts g2 = new HighCharts("chart2"){
   // definitions
};

ChartsModel model = new ChartsModel();

model.Chart1 = g1;
model.Chart2 = g2;

return View(model);

---

亲爱的，谢谢！那么在@foreach中，我该如何显示它呢？@austinruong它不只是一个带有一些JS的div标签吗？或者你还有别的东西在里面吗？亲爱的，谢谢！那么在@foreach中，我该如何显示它呢？@austinruong它不只是一个带有一些JS的div标签吗？或者你还有别的东西在里面吗？