Несколько диаграмм на одной странице RAZOR MVC4

Question

Я хочу показать 2 диаграммы на моей странице;

Я пытался применить код этого ответа: answer

, но на странице отображается только последний график, добавленные в список

это мнение:

@model Project.Models.TableauDeBord 
@using DotNet.Highcharts 


@foreach (Highcharts chart in Model.Charts) 
{ 

     @(chart) 

} 




@section Scripts { 
    @Scripts.Render("~/bundles/HighChart") 
} 

и действие метода :

public ActionResult TableauDeBord() 

     { 

      Highcharts g1 = new Highcharts("chart"); 
      g1 = Calcul_Global(); 
      Highcharts g2 = new Highcharts("chart"); 
      g2 = TB_Responsable(); 

      TableauDeBord model = new TableauDeBord(); 
      model.Charts = new List<Highcharts>(); 


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

       return View(model); 

     } 

Любая помощь Пожалуйста!

Answer 1

Кажется, вам нужна таблица или список, чтобы показать более одного результат:

<ul> 
@foreach (Highcharts chart in Model.Charts) 
{ 

     <li> @(chart)</li> 

} 
</ul> 

//Or 
<table> 
@foreach (Highcharts chart in Model.Charts) 
{ 

     <tr> <td>@(chart)</td></tr> 

} 
</table> 

Answer 2

Из кода вы закомментированы // model.Charts.Add (g2); поэтому мне кажется, что к модели добавляется только одна диаграмма

Убедитесь, что имена диаграмм уникальны в вашем методе для генерации каждой диаграммы, т.е. Highcharts chart = new Highcharts ("chart2")

Я предполагаю, что в вашем случае методы генерации диаграмм читаются как диаграммы Highcharts = новые Highcharts ("chart")