在模型的部分视图中显示 System.Web.Helpers.Chart

Question

所以我尝试了 System.Web.Helpers 命名空间中的图表助手。

根据http://www.asp.net/web-pages/tutorials/data/7-displaying-data-in-a-chart

我在 .cshtml 视图中制作图表，但我想将其保留在 ViewModel 中。

没有问题，除非我尝试在网站中将其呈现为较小的图像。

我认为最简洁的解决方案是创建一个共享的局部视图以从模型中呈现图形

_graph.cshtml

@model System.Web.Helpers.Chart

@Model.Write()

然后在适当的网站上以某种方式呈现这个局部视图。我尝试了几个版本，但似乎无法正常工作。

网站.cshtml

<div>
    <h2>Some header above a graph</h2>
    <img src="@Html.Partial("_graph", Model.TheChart)" />
</div>

这不起作用，我不确定该怎么做。我现在唯一想到的就是让所有带有图表的模型都继承一个暴露图表的接口，并让它成为_graph.cshtml的模型。

<img src="_graph.cshtml" />

但不确定 this 是否使用模型。

有什么意见吗？

Answer 1

<div>
<h2>Some header above a graph</h2>
<img src="@Url.Action("DrawChart")" />
</div>

public ActionResult DrawChart()
{
MyViewModel model = ...
return View(model);  

}

！！！将模型参数发送到 DrawChart

改成

<div>
    <h2>Some header above a graph</h2>
    <img src="@Url.Action("DrawChart",Model)" />
</div>

public ActionResult DrawChart(MyViewModel _MyViewModel )
{
    MyViewModel model = MyViewModel ;
    return View(model);
}

MyViewModel 为空

向知道的人寻求建议。

Answer 2

<div>
    <h2>Some header above a graph</h2>
    <img src="@Url.Action("DrawChart")" />
</div>

然后你可以有一个控制器动作：

public ActionResult DrawChart()
{
    MyViewModel model = ...
    return View(model);
}

以及将绘制图表的相应视图 (DrawChart.cshtml)：

@model MyViewModel

@{
    // TODO: use the data from the model to draw a chart

    var myChart = new Chart(width: 600, height: 400)
        .AddTitle("Chart Title")
        .AddSeries(
            name: "Employee",
            xValue: new[] {  "Peter", "Andrew", "Julie", "Mary", "Dave" },
            yValues: new[] { "2", "6", "4", "5", "3" })
        .Write();
}

以及渲染结果：

---