单页上的多个图表 RAZOR MVC4

本文关键字：RAZOR MVC4 单页 | 更新日期: 2023-09-27 18:33:15

我想在我的页面上显示 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);
        }

请帮忙！

单页上的多个图表 RAZOR MVC4

从你的代码中你已经注释掉了//模型。Charts.Add（g2）;所以在我看来，模型中只增加了一个图表

确保图表名称在生成每个图表的方法中是唯一的，即。 高图图表 = 新高图（"chart2"）

我想在您的情况下，生成图表的方法都读取Highcharts图表=新的Highcharts（"图表"）

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

<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>
相关文章：