2013-03-25 84 views
0

我已经创建了ASP.NET C#MVC3项目,并且需要显示PIE图表并使用下列控制器返回的值填充它;在C#MVC应用程序中绘制PIE图表

我的控制器;

 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。我如何绘制PIE图表(我无法从工具栏中拖放图表工具) 2.)如何使用控制器给出的值填充PIE图表。

+0

我刚刚GOOGLE了你的问题:http://www.c-sharpcorner.com/UploadFile/krishnasarala/charts-for-Asp-Net-mvc-application/ – tafa 2013-03-25 09:32:47

回答

0

1)您需要的js库,为此,我建议Raphaelhttp://raphaeljs.com/pie.html

2)您可以创建自定义视图模板模型或简单的观点

+0

你能推荐一个很好的教程,将显示如何填充饼图的值? – 2013-03-25 09:51:00

+0

从回复中查看示例的页面源。您需要在页面上复制html标记(表格结构),并要求Raphael使用它。 – Dima 2013-03-25 10:04:58

0

您不能拖动和MVC控件拖放查看页面。 以及如何从控制器返回图表特定于使用的工具或库。 有许多方法来绘制图表: 有些

  1. Microsoft图表:MS Chart Samples from Code Project
  2. pdfReport:Also uses MS Chart
  3. 高图表:[Highchart],但不是免费的非商业用途3 因此找到他们的样品和文件,然后再选择你的最佳选择。
+0

您只能拖放HTML组件而不是图表等。 – 2013-03-25 10:05:34

0

你也可以看看jqPlot,这是一个非常流行的生成图表的js库。例如。条形图,情节,饼图等

我建议你看看jpgplots网站上的Pie Charts。他们也给你清晰的例子。