在 ASP.NET MVC中如何使用 微軟新提供的Chart組建

Chart 組建是 微軟 過去 收購的 一個 圖表組建公司 然後 整合到ASP.NET 4.0中

當然 微軟也提供了 2.0/3.5的Chart組建 .只不過需要我們自行下載安裝,畢竟是出現在 早期的framework之後.

http://www.microsoft.com/downloads/details.aspx?FamilyId=130F7986-BF49-4FE5-9CA8-910AE6EA442C&displaylang=en

當然 Chart 在 winForm中也是有這個組建的.

在 ASP.NET就很好用了. 一個控制項 , 那麼在MVC中如何用呢?!

下面就是 基本的實現了.很多 複雜的功能 我們以後去摸索吧.

ps:大俠可以 繞過.

下面是 MVC Action實現的代碼 大致如下:

View Code

 1      public FileResult GetChart()
 2         {
 3             List<int> data  = Models.StaticModel.createStaticData();
 4             System.Web.UI.DataVisualization.Charting.Chart Chart2 = new System.Web.UI.DataVisualization.Charting.Chart();
 5             Chart2.Width = 412;
 6             Chart2.Height = 296;
 7             Chart2.RenderType = System.Web.UI.DataVisualization.Charting.RenderType.ImageTag;
 8             Chart2.Palette = ChartColorPalette.BrightPastel;
 9             Title t = new Title("IMG source streamed from Controller", Docking.Top, new System.Drawing.Font("Trebuchet MS", 14, System.Drawing.FontStyle.Bold), System.Drawing.Color.FromArgb(26, 59, 105));
10             Chart2.Titles.Add(t);
11             Chart2.ChartAreas.Add("Series 1");
12             // create a couple of series   
13             Chart2.Series.Add("Series 1");
14             Chart2.Series.Add("Series 2");
15             // add points to series 1   
16             foreach (int value in data)
17             {
18                 Chart2.Series["Series 1"].Points.AddY(value);
19             }
20             // add points to series 2   
21             foreach (int value in data)
22             {
23                 Chart2.Series["Series 2"].Points.AddY(value + 1);
24             }
25             Chart2.BorderSkin.SkinStyle = BorderSkinStyle.Emboss;
26             Chart2.BorderlineWidth = 2;
27             Chart2.BorderColor = System.Drawing.Color.Black;
28             Chart2.BorderlineDashStyle = ChartDashStyle.Solid;
29             Chart2.BorderWidth = 2;
30             Chart2.Legends.Add("Legend1");
31             MemoryStream imageStream = new MemoryStream();
32             Chart2.SaveImage(imageStream, ChartImageFormat.Png);
33             imageStream.Position = 0;
34             return new FileStreamResult(imageStream, "image/png");
35         }

 在ASP.NET下如何使用 圈子裡有很多 範例了. 我搜尋了一下.大家可以瞧瞧:

　http://www.cnblogs.com/gaoweipeng/archive/2010/04/06/1704879.html