ASP.NET中的MSChart 控件使用

     最近公司要求做一个报表. 显示全年销售评估图表. 这一下子让我联想到了微软的MSChart控件，因为之前有过这方面的研究.所以做起来不是很费力. 准确的说是，没做一次 都有一次不同的启发，不同的感想吧 。也希望这次自己琢磨出来的东西，能对大家有好处！

     好了，一向不喜欢说废话的我，突然说了这么多.... 直接从项目里面粘贴源码吧！（偷懒）希望大家多多指教..谢谢！

 

    ASP.NET前台：

---

<div class="myChartCss"> <asp:Chart ID="Chart1" runat="server" Width="1024px"> <Series> <asp:Series Name="销量"> </asp:Series> </Series> <ChartAreas> <asp:ChartArea Name="ChartArea1"> </asp:ChartArea> </ChartAreas> <Legends> <asp:Legend Alignment="Center" Docking="Bottom" Name="Legend1" Title="销量分析"> </asp:Legend> </Legends> <Titles> <asp:Title Font="微软雅黑, 16pt" Name="Title1" Text="法国皇家龙船总体销售评估表"> </asp:Title> </Titles> </asp:Chart> </

 

 

后台 主要 源码：

 

 

---

/// <summary> /// 绑定报表控件数据源 /// </summary> public void BindData() { IList<Nop_Product> data = BindChartProduct(); #region 尚未用到 //ChartArea chartArea = SetChartAreaStyle("Chart1", true); //List<int> data = Models.StaticModel.createStaticData(); //System.Web.UI.DataVisualization.Charting.Chart Chart2 = new System.Web.UI.DataVisualization.Charting.Chart(); //Chart2.Width = 412; //Chart2.Height = 296; //Chart2.RenderType = System.Web.UI.DataVisualization.Charting.RenderType.ImageTag; //Chart2.Palette = ChartColorPalette.BrightPastel; //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)); //Chart2.Titles.Add(t); //Chart2.ChartAreas.Add("Series 1"); // //Populate series with random data //Random random = new Random(); //for (int pointIndex = 0; pointIndex < 10; pointIndex++) //{ // Chart1.Series[0].Points.AddY(random.Next(45, 95)); // //Chart1.Series["Series2"].Points.AddY(random.Next(5, 75)); //} #endregion for (int i = 0; i < data.Count; i++) { Chart1.Series[0].Points.AddY(data[i].Quantity); } Chart1.BorderSkin.SkinStyle = BorderSkinStyle.Emboss; Chart1.BorderlineWidth = 2; Chart1.BorderColor = System.Drawing.Color.Black; Chart1.BorderlineDashStyle = ChartDashStyle.Solid; Chart1.BorderWidth = 2; Chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.Enabled = false;//不显示竖着的分割线 Chart1.ChartAreas["ChartArea1"].AxisY.Title = "销售数量(瓶)"; Chart1.ChartAreas["ChartArea1"].AxisX.Title = "时间(yyyy-MM)"; #region 尚未用到 //Chart1.Legends.Add("酒种类"); //Legend legend = new Legend(ddrTypeName.SelectedValue); //26, 59, 105 //legend.BackColor = Color.Transparent;//Color.FromArgb(26, 59, 105, 0); //legend.BorderColor = Color.Gray; //legend.Font = new System.Drawing.Font("Trebuchet MS", float.Parse("8.25"), FontStyle.Bold, GraphicsUnit.World); //legend.IsDockedInsideChartArea = true; //legend.DockedToChartArea = ddrTypeName.SelectedValue; //Chart1.ChartAreas["ChartArea1"].AxisX.Interval = 1; //X轴数据显示间隔 //Chart1.ChartAreas["ChartArea1"].AxisX.IntervalType = DateTimeIntervalType.Days; //Chart1.ChartAreas["ChartArea1"].AxisX.IntervalOffset = 0.0; //Chart1.ChartAreas["ChartArea1"].AxisX.IntervalOffsetType = DateTimeIntervalType.Days; #endregion Chart1.ChartAreas["ChartArea1"].AxisX.LabelStyle.Format = "yyyy年MM月"; Chart1.ChartAreas["ChartArea1"].AxisY.Interval = 20;//y轴数据显示间隔 Chart1.DataSource = data; Chart1.Series[0].YValueMembers = "Quantity"; Chart1.Series[0].XValueMember = "CreatedOn"; Chart1.DataBind(); // Set series chart type Chart1.Series[0].ChartType = SeriesChartType.Line; //Chart1.Series["Series2"].ChartType = SeriesChartType.Spline; // Set point labels Chart1.Series[0].IsValueShownAsLabel = true; //Chart1.Series["Series2"].IsValueShownAsLabel = true; // Enable X axis margin Chart1.ChartAreas["ChartArea1"].AxisX.IsMarginVisible = true; // Enable 3D, and show data point marker lines Chart1.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = false; Chart1.Series[0]["ShowMarkerLines"] = "True"; //Chart1.Series["Series2"]["ShowMarkerLines"] = "Tru

 

ChartArea绘制区域 也可以动态生成. 网上资料很多，此处我只贴出自己的用法

 

---

/// <summary> /// 定义ChartArea /// </summary> /// <param name="name">ChartArea名称</param> /// <param name="Area3DStyle">是否开启3D</param> /// <returns></returns> public static ChartArea SetChartAreaStyle(string name, bool Area3DStyle) { ChartArea mycharArea = new ChartArea(name); mycharArea.AxisX.LineColor = System.Drawing.Color.FromArgb(64, 64, 64, 64); mycharArea.AxisX.LabelStyle.Font = new System.Drawing.Font("Trebuchet MS", float.Parse("8.25"), FontStyle.Regular); mycharArea.AxisX.MajorGrid.LineColor = System.Drawing.Color.FromArgb(64, 64, 64, 64); mycharArea.AxisY.LineColor = System.Drawing.Color.FromArgb(64, 64, 64, 64); mycharArea.AxisY.LabelStyle.Font = new System.Drawing.Font("Trebuchet MS", float.Parse("8.25"), FontStyle.Regular); mycharArea.AxisY.MajorGrid.LineColor = System.Drawing.Color.FromArgb(64, 64, 64, 64); if (Area3DStyle) { mycharArea.Area3DStyle.Enable3D = true; mycharArea.Area3DStyle.IsRightAngleAxes = false;//是否倾斜 mycharArea.Area3DStyle.IsClustered = false; //Chart1.ChartAreas["ChartArea1"].Area3DStyle.WallWidth = 0; //控制3D显示那个墙宽度的 mycharArea.Area3DStyle.Inclination = 15;//X倾斜度 mycharArea.Area3DStyle.Rotation = 10;//Y倾斜度 mycharArea.Area3DStyle.Perspective = 10; } mycharArea.BackColor = System.Drawing.Color.FromArgb(64, 165, 191, 228); // BackSecondaryColor="Transparent" BorderColor="64, 64, 64, 64" mycharArea.BackSecondaryColor = System.Drawing.Color.Transparent; mycharArea.BorderColor = System.Drawing.Color.FromArgb(64, 64, 64, 64); mycharArea.AxisY.ScaleBreakStyle.Enabled = true;//开启对比悬殊的东东 //mycharArea.AxisX.Interval = 1; //mycharArea.AxisY.Interval = 5000; //强制 Y轴最小单位为5000一格 //mycharArea.AxisX.MajorGrid.Interval = 1; //mycharArea.Area3DStyle.Enable3D = true; //mycharArea.AlignmentOrientation = AreaAlignmentOrientations.Horizontal; //mycharArea.AxisY.Enabled = AxisEnabled.False; //mycharArea.AxisY2.Enabled = AxisEnabled.True; //mycharArea.AxisX.LabelStyle.IsEndLabelVisible = false; return mycharArea; }

 

 

 

在此，只写出自己研究所得. 如有不当之处，希望大家多多指教，共同进步.  谢谢