MVC3_Chart_WebGrid

 

@{

    ViewBag.Title = "Home Page";

}

 

<h2>@ViewBag.Message</h2>

<p>

    To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.

</p>

using MvcMetrics.Models;

using System.Web.UI.DataVisualization.Charting;

using System.IO;

 

 

        public FileResult GetChart()

        {

            //NCDR,baseline,cumulative,target,cumulativetarge

            //We use target make the  scale of X and Y

            //use VIEW of database,get the all records

            var records = db.VIEW_SUM.ToList();

            

            List<double> dataNCDR = new List<double>();//NCDR

            List<double> databaseline = new List<double>();//baseline

            List<double> datacumulative = new List<double>();//cumulative

            List<Member> datatarget = new List<Member>();//target, X and Y

            List<double> datacumulativetarget = new List<double>();//cumulativetarget

 

            //spefical null,get the data for NCD,baseline,cumulative,target,cumulativetarge

            foreach (var record in records)

            {

                //note : the start is not null,so can deal with it in this way

                if (record.NCDR != null)

                    dataNCDR.Add((double)record.NCDR);

 

                databaseline.Add((double)record.BASELINE);

 

                if (record.CUMULATIVE != null)

                    datacumulative.Add((double)record.CUMULATIVE);

 

                //Member.Data is the X scale, Member.Value is the Y scale,the important is X scale

                Member temp = new Member() { Date = record.STR_YEAR_MONTH, Value = (double)record.TARGET };

                datatarget.Add(temp);

                datacumulativetarget.Add((double)record.CUMULATIVETARGET);

            }

 

 

            System.Web.UI.DataVisualization.Charting.Chart Chart1 = new System.Web.UI.DataVisualization.Charting.Chart();

 

            //the Height and Width of Chart1

            Chart1.Width = 800;//412

            Chart1.Height = 480;//296

 

            Chart1.RenderType = System.Web.UI.DataVisualization.Charting.RenderType.ImageTag;

            Chart1.Palette = ChartColorPalette.BrightPastel;

            Title t = new Title("NCDR Test MVC", Docking.Top, new System.Drawing.Font("Trebuchet MS", 14, System.Drawing.FontStyle.Bold),System.Drawing.Color.FromArgb(26, 59, 105));

            Chart1.Titles.Add(t);//add Title of Chart1

 

 

            //create a area of Chart1,use "Series 1" or others.

            Chart1.ChartAreas.Add("Series 1");

 

            //set Coordinate axis intervals Of X = 1

            Chart1.ChartAreas[0].AxisX.Interval = 1;   

            Chart1.ChartAreas[0].AxisX.IntervalOffset = 1;  

            //the scale of X display in one line or two line when it >= 9

            Chart1.ChartAreas[0].AxisX.LabelStyle.IsStaggered = false;   

            //change the x display Angle

            Chart1.ChartAreas[0].AxisX.LabelStyle.Angle = 45;

 

 

            //add Series, five .   the "Series 6" is used to make other effect

            Chart1.Series.Add("Series 1");

            Chart1.Series.Add("Series 2");

            Chart1.Series.Add("Series 3");

            Chart1.Series.Add("Series 4");

            Chart1.Series.Add("Series 5");

            Chart1.Series.Add("Series 6");//make other effect

 

            //test，in one Chart, Column 1 and Line 4

            Chart1.Series["Series 1"].ChartType = SeriesChartType.Column;//StackedColumn  Column

            Chart1.Series["Series 2"].ChartType = SeriesChartType.Line;

            Chart1.Series["Series 3"].ChartType = SeriesChartType.Line;

            Chart1.Series["Series 4"].ChartType = SeriesChartType.Line;

            Chart1.Series["Series 5"].ChartType = SeriesChartType.Line;

 

            ////make other effect

            Chart1.Series["Series 6"].ChartType = SeriesChartType.Point;

            // display the value of the Point

            Chart1.Series["Series 3"].IsValueShownAsLabel = true;

            Chart1.Series["Series 5"].IsValueShownAsLabel = true;

 

 

            //DataBindXY()  ,X scale,Y scale,use datatarget,"Series 4"

            Chart1.Series["Series 4"].Points.DataBindXY(datatarget, "date", datatarget, "value");

 

            //make Chart

            foreach (double value in dataNCDR)

            {

                Chart1.Series["Series 1"].Points.AddY(value);

            }

   

            foreach (double value in databaseline)

            {

                Chart1.Series["Series 2"].Points.AddY(value);

            }

 

            foreach (double value in datacumulative)

            {

                //double effects use the "Series 3" and "Series 6"

                Chart1.Series["Series 3"].Points.AddY(value);

                Chart1.Series["Series 6"].Points.AddY(value);

            }

 

            foreach (double value in datacumulativetarget)

            {

                Chart1.Series["Series 5"].Points.AddY(value);

            }

 

 

            //NCDR,baseline,cumulative,target,cumulativetarge

            Chart1.Series["Series 1"].Name = "NCDR";

            Chart1.Series["Series 2"].Name = "baseline";

            Chart1.Series["Series 3"].Name = "cumulative";

            Chart1.Series["Series 4"].Name = "target";

            Chart1.Series["Series 5"].Name = "cumulativetarge";

 

            //the "Series 6" do not displey in the Legend

            Chart1.Series["Series 6"].IsVisibleInLegend = false;

 

 

            //X Title

            Chart1.ChartAreas[0].AxisX.Title = "Date";

            Chart1.ChartAreas[0].AxisX.TitleFont = new System.Drawing.Font("Anonymous Pro", 10, System.Drawing.FontStyle.Regular);

 

            //Y Title

            Chart1.ChartAreas[0].AxisY.Title = "Value";

            Chart1.ChartAreas[0].AxisY.TitleFont = new System.Drawing.Font("Anonymous Pro", 10, System.Drawing.FontStyle.Regular);

 

            //x Major Line

            Chart1.ChartAreas[0].AxisX.MajorGrid.Enabled = false;

            Chart1.ChartAreas[0].BorderDashStyle = ChartDashStyle.Solid;   //设置chartareas区域的边框样式

            

 

            //Border    the style of Border

            Chart1.BorderSkin.SkinStyle = BorderSkinStyle.Emboss;

            Chart1.BorderlineWidth = 2;

            Chart1.BorderColor = System.Drawing.Color.Black;

            Chart1.BorderlineDashStyle = ChartDashStyle.Solid;

            Chart1.BorderWidth = 2;

 

            //the location of Legend

            Legend legend1 = new Legend();

            legend1.Docking = Docking.Top;

            legend1.Alignment = System.Drawing.StringAlignment.Center;

 

            Chart1.Legends.Add(legend1);

 

            //IO

            MemoryStream imageStream = new MemoryStream();

            Chart1.SaveImage(imageStream, ChartImageFormat.Png);

            imageStream.Position = 0;

            return new FileStreamResult(imageStream, "image/png");

 

 

        }

<div>

    <img src="/Home/GetChart" alt="Chart" />

</div>