c# - 单页 RAZOR MVC4 上的多个图表

Question

我想在我的页面上显示 2 个图表；

我试图应用这个答案的代码：答案

但该页面仅显示添加到列表中的最后一个图表

这是视图：

@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

从您的代码中，您已注释掉 // model.Charts.Add(g2); 所以在我看来，模型中只添加了一张图表

确保图表名称在您生成每个图表的方法中是唯一的，即。Highcharts 图表 = 新的 Highcharts("chart2")

我想在你的情况下，生成图表的方法都是 Highcharts chart = new Highcharts("chart")

Answer 2

看来您需要表格或列表来显示多个结果：

<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>