5

我想在我的 MVC 仪表板表单中使用 Chart。

我使用了以下代码。

@{
        var key = new Chart(width: 300, height: 300)
          .AddTitle("Employee Chart")
          .AddSeries(
              chartType: "Bubble",
              name: "Employee",
              xValue: new[] { "Peter", "Andrew", "Julie", "Dave" },
              yValues: new[] { "2", "7", "5", "3" });     
    }
    <!DOCTYPE html>
    <html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div> 
            <div>
                @key.Write()
            </div>
        </div>
    </body>
    </html>

但@key.Write()在整个页面中写入图表，但我希望它以部分形式而不是整个形式与仪表板页面中的其他内容。任何人都可以帮助我。

4

1 回答 1

6

将您的图表代码移动到控制器操作，如下所示：

    public ActionResult GetChartImage()
    {
        var key = new Chart(width: 300, height: 300)
            .AddTitle("Employee Chart")
            .AddSeries(
            chartType: "Bubble",
            name: "Employee",
            xValue: new[] { "Peter", "Andrew", "Julie", "Dave" },
            yValues: new[] { "2", "7", "5", "3" });

        return File(key.ToWebImage().GetBytes(), "image/jpeg");
    }

（包括使用 System.Web.Helpers 命名空间）并修改您的视图：

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
    <div> 
        <div>
            <img src="@Url.Action("GetChartImage")" />
        </div>
    </div>
</body>
</html>
于 2013-04-26T11:58:18.783 回答