一页上很少有部分视图(图表)

时间:2013-06-26 10:41:10

标签: asp.net-mvc-3 razor highcharts dotnethighcharts

我有一个View,我希望在其中显示内部包含HighChart的部分视图列表。

控制器:

public ActionResult PartialChart(String lName)
    {
        ReportDict = TempData["Report_Dict"] as Dictionary<ReportElement, List<Shift>>;
        DotNet.Highcharts.Highcharts chart = new DotNet.Highcharts.Highcharts("chart")
        .SetTitle(new Title { Text = lName + " Output" })
        .SetXAxis(new XAxis
        {
            Categories = HCharExt.getCategoriesDate(ReportDict)
        })
        .InitChart(new Chart { Width = 500, Height = 300 })
        .SetSeries(new Series
        {
            Name = lName + " Output",
            Data = new Data(HCharExt.getLineSerie(ReportDict, "output", lName))
        });

        return PartialView(chart);
    }

查看:

@{
    ViewBag.Title = "CompleteReport";
}
<h2>Report</h2>

<ul>
@foreach (var l in ViewBag.RepDict)
{
    <li>
    @Html.Action("PartialChart", "Report", new { lName = l.Key.Line.Name })
    </li>
}
</ul>

如果我运行它,它可以工作,但只加载一个图表(部分视图),字典RepDict中的最后一个。我假设它将所有图表加载到相同的局部视图中,并且只持续一个。

如何将每个图表加载到部分View的新实例?

或者我应该如何编辑我的代码以在一个页面上获得几个相同类型的图表,但是具有不同的数据。

非常感谢

1 个答案:

答案 0 :(得分:1)

为图表的每个实例使用不同的名称解决。