2013-03-25 85 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。他們也給你清晰的例子。