使用剃刀在视图中显示图表

Question

我有一个Web应用程序，我需要在我的视图中添加一个图表：

   @{
    ViewBag.Title = "Travail";
    Layout = "~/Views/Shared/Template.cshtml";

}

    @using System.Web.Helpers;
    @section logout {
        <a href='@Url.Action("Retour", "Client")'><img src="~/Content/images/home-icon.png" /></a>
        <a href='@Url.Action("Logout", "Home")' style="margin-left: 91.6%"><img src="~/Content/images/images.jpg" style="width:37px; height:37px" /></a>
        }
    @{
        var ar = new Planning.Models.Arbre();
        var dataView = ar.Get_List_Tache();
        List<string> descr = new List<string>();
        List<int> avance = new List<int>();
        foreach( Planning.Models.Tache tac in dataView){
            descr.Add(tac.Tache_description);
            avance.Add(tac.Avancement);
       }
        Chart chartXml;
        var filePathName = "_ChartFiles/XmlChart.xml";
        if (File.Exists(Server.MapPath(filePathName)))
        {
            chartXml = new Chart(width: 200,
                                 height: 200);
        } 
        else{
        chartXml = new Chart(width: 200,
                                 height: 200);
        chartXml.AddTitle("Avancement de taches");
        chartXml.AddSeries(
            name: "Les taches",
            axisLabel: "Les taches",
            xValue: descr,
            yValues: avance);
        chartXml.SaveXml(path: filePathName);}


        }
    <div>@chartXml.Write()</div>

如何在此视图中显示图表？有任何建议吗？

Answer 1

请参阅Chart.Write

<div>@myChart.Write()</div>

另请参阅：Showing System.Web.Helpers.Chart in a partial view from the model