C#Chart类不在视图中呈现

时间:2016-03-17 21:07:52

标签: c# asp.net-mvc asp.net-mvc-4 razor charts

我正在尝试在this指南之后测试我的C#.NET 4.0 MVC应用程序中的图表功能。

这是我的观看代码:

@{
    Layout = null;
}

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


}

当我运行应用程序时,它只给了我一堆ASCII字符:

  

JFIF``C $。'   ”,#(7),01444'9 = 82< .342C   2 !! 22222222222222222222222222222222222222222222222222X”   }!1AQa“Q2#BR $ 3房   %安培;'()* 456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz   w ^ 1AQaq“2B#3R $ 4安培;'()的 56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz?   (((((((((((((   + LL1V FWC @ uQUn:J-((((((((((((((((((((((((((((((((((((   P';ա2 nd4x Iv {Ϳ Kmv#Y @ P; kݖ   ^ N7f + = huE @ co   qG(ܒI)V0AA} {6ND!\ CW 3Q   3Q} vNZ4   BCY?xZfFtfoNjG /CxZf9k2΂hhEş”   C-蛋白原:CjҨV   NH1yEsl?} “AEsl?}” AEsl?}“

有关如何排除故障/进行的任何想法?我只是在寻找一个简单的条形图解决方案。谢谢!

1 个答案:

答案 0 :(得分:1)

好的,我有同样的问题,我使用另一种逻辑解决,并且工作正常:

我删除了部分视图(cshtml)并更改了Controller上的签名以返回图表类型:

        public Chart GetGrafico(int dias, int idDepartamento, int idPgto)
    {
        try
        {
            int idEmpresa = login.GetUsuario(System.Web.HttpContext.Current.User.Identity.Name).IdEmpresa;
            DateTime inicial = DateTime.Today.Date;
            DateTime final = inicial.AddDays(dias);
            var grafico = service.GetGrafico(inicial, final, idEmpresa, idDepartamento, idPgto);

            Chart myChart = new Chart(800, 600)
                .AddTitle("Vencimentos futuros")
                .AddSeries(
                name: "Vencimentos",
                xValue: grafico.Select(x => x.Dia).ToArray(),
                yValues: grafico.Select(x => x.Valor).ToArray()).Write();                 

            return myChart;
        }
        catch (Exception)
        {
            throw;
        }
    }

然后在Index.cshtml中我只添加一个图片标记:

<img id="img" />

<script type="text/javascript">
$('#gerarGrafico').click(function () {
    $('#img').attr('src', '/Erp/Grafico/GetGrafico?dias=30&idDepartamento=0&idPgto=0');
});

所以现在当点击按钮时,jQuery函数只是设置了图像的attr src,它工作正常。