c# - 在 C# MVC 应用程序中绘制饼图

Question

我创建了一个 ASP.NET C# MVC3 项目，我需要显示一个饼图并使用以下控制器返回的值填充它；

我的控制器；

        public ActionResult Index()
        {
            var model = new TimeTrackerModel();
            model.TypeSchools = AllDataList.retrieveAlltypeSchool();
            return View(model);        

        }

模型类型学校将返回number of Primary, Secondary and Tertiary Schools in UK.

现在，我需要将这些值显示在PIE chart. 如何PIE chart根据返回的值绘制一个。

1.) 我如何绘制饼图（我无法从工具栏中拖放图表工具） 2.) 我如何使用控制器给出的值填充饼图。

Answer 1

1）为此，您将需要 js 库，我建议Raphael：http ://raphaeljs.com/pie.html

2）您可以为您的模型或简单视图创建自定义视图模板

Answer 2

您不能在 mvc 视图页面中拖放控件。从控制器返回图表的方式取决于所使用的工具或库。绘制图表的方法有很多种：有些是

1. Microsoft Chart：代码项目中的 MS Chart 示例
2. pdfReport：也使用 MS Chart
3. High Chart: [Highchart] 但不是免费用于非商业用途3 因此，在选择最佳选项之前，请先找到他们的样本和文档。

Answer 3

您还可以查看jqPlot，它是一个非常流行的用于生成图表的 js 库。例如条形图、绘图、饼图等。

我建议您查看 jqplots 网站上的饼图。他们还为您提供了清晰的示例。