asp.net-mvc - 如何在mvc中使用图表控件-6ren

asp.net-mvc - 如何在mvc中使用图表控件

转载作者：行者123 更新时间：2023-12-04 19:09:46

我想在我的 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()在整个页面中编写图表，但我希望它以部分形式而不是在仪表板页面中的其他内容的完整形式。
任何人都可以帮助我。

最佳答案

将您的图表代码移动到 Controller 操作，如下所示:

    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 命名空间)并修改您的 View :

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
    <div> 
        <div>
            <img src="@Url.Action("GetChartImage")" />
        </div>
    </div>
</body>
</html>

关于asp.net-mvc - 如何在mvc中使用图表控件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16235561/