單頁上的多個圖表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）;所以在我看來，只有一個圖表被添加到模型中

確保圖表名稱在用於生成每個圖表即ie的方法中是唯一的。 Highcharts chart = new Highcharts（「chart2」）

我想象你的情況下生成圖表的方法都讀取Highcharts chart = new Highcharts（「圖表」）