失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 利用MsChart控件绘制多曲线图表 z

利用MsChart控件绘制多曲线图表 z

时间:2018-06-22 06:19:33

相关推荐

利用MsChart控件绘制多曲线图表  z

在.Net4.0框架中,微软已经将Mschart控件集成了进来,以前一直在web下面用过,原来winform下的Mschart控件更加简单更加方便,今天我们用mschart绘制一个多曲线图,话不多说,直接上效果图:

发现,MsChart 的显示效果还是不错的。

代码如下,供大家参考:

public partial class FrmMain : Form{public FrmMain(){InitializeComponent();InitializeChart();this.Load += new EventHandler(FrmMain_Load);this.myChart.GetToolTipText += new EventHandler<tooltipeventargs>(myChart_GetToolTipText);}void FrmMain_Load(object sender, EventArgs e){float[][] data = new float[3][];//第一条数据data[0] = new float[10] { 1.3f, 2.5f, 2.1f, 3.3f, 2.8f, 3.9f, 4.3f, 3.6f, 4.2f, 3.6f };//第二条数据data[1] = new float[12] { -2f, -1.3f, 0.1f, 0.5f, -1.5f, 0.7f, 1f, 1.4f, 1.9f, 2f, 2.6f, 3.1f };//第三条数据data[2] = new float[10] { 7.8f, 9.2f, 6.5f, 8.3f, 9.0f, 5.9f, 6.3f, 7.2f, 8.8f, 9.8f };for (int i = 0; i < data.Length; i++){//横坐标时间DateTime dt = DateTime.Now.Date;Series series = this.SetSeriesStyle(i);for (int j = 0; j < data[i].Length; j++){series.Points.AddXY(dt, data[i][j]);dt = dt.AddDays(1);}this.myChart.Series.Add(series);}}private void myChart_GetToolTipText(object sender, ToolTipEventArgs e){if (e.HitTestResult.ChartElementType == ChartElementType.DataPoint){int i = e.HitTestResult.PointIndex;DataPoint dp = e.HitTestResult.Series.Points[i];e.Text = string.Format("时间:{0};数值:{1:F1} ", DateTime.FromOADate(dp.XValue),dp.YValues[0]);}}/// <summary> /// 初始化Char控件样式/// </summary> public void InitializeChart(){#region 设置图表的属性//图表的背景色myChart.BackColor = Color.FromArgb(211, 223, 240);//图表背景色的渐变方式myChart.BackGradientStyle = GradientStyle.TopBottom;//图表的边框颜色、myChart.BorderlineColor = Color.FromArgb(26, 59, 105);//图表的边框线条样式myChart.BorderlineDashStyle = ChartDashStyle.Solid;//图表边框线条的宽度myChart.BorderlineWidth = 2;//图表边框的皮肤myChart.BorderSkin.SkinStyle = BorderSkinStyle.Emboss;#endregion#region 设置图表的TitleTitle title = new Title();//标题内容title.Text = "多曲线图演示";//标题的字体title.Font = new System.Drawing.Font("Microsoft Sans Serif", 12, FontStyle.Bold);//标题字体颜色title.ForeColor = Color.FromArgb(26, 59, 105);//标题阴影颜色title.ShadowColor = Color.FromArgb(32, 0, 0, 0);//标题阴影偏移量title.ShadowOffset = 3;myChart.Titles.Add(title);#endregion#region 设置图表区属性//图表区的名字ChartArea chartArea = new ChartArea("Default");//背景色chartArea.BackColor = Color.FromArgb(64, 165, 191, 228);//背景渐变方式chartArea.BackGradientStyle = GradientStyle.TopBottom;//渐变和阴影的辅助背景色chartArea.BackSecondaryColor = Color.White;//边框颜色chartArea.BorderColor = Color.FromArgb(64, 64, 64, 64);//阴影颜色chartArea.ShadowColor = Color.Transparent;//设置X轴和Y轴线条的颜色和宽度chartArea.AxisX.LineColor = Color.FromArgb(64, 64, 64, 64);chartArea.AxisX.LineWidth = 1;chartArea.AxisY.LineColor = Color.FromArgb(64, 64, 64, 64);chartArea.AxisY.LineWidth = 1;//设置X轴和Y轴的标题chartArea.AxisX.Title = "横坐标标题";chartArea.AxisY.Title = "纵坐标标题";//设置图表区网格横纵线条的颜色和宽度chartArea.AxisX.MajorGrid.LineColor = Color.FromArgb(64, 64, 64, 64);chartArea.AxisX.MajorGrid.LineWidth = 1;chartArea.AxisY.MajorGrid.LineColor = Color.FromArgb(64, 64, 64, 64);chartArea.AxisY.MajorGrid.LineWidth = 1;myChart.ChartAreas.Add(chartArea);#endregion#region 图例及图例的位置Legend legend = new Legend();legend.Alignment = StringAlignment.Center;legend.Docking = Docking.Bottom;this.myChart.Legends.Add(legend);#endregion}//设置Series样式private Series SetSeriesStyle(int i){Series series = new Series(string.Format("第{0}条数据", i + 1));//Series的类型series.ChartType = SeriesChartType.Line;//Series的边框颜色series.BorderColor = Color.FromArgb(180, 26, 59, 105);//线条宽度series.BorderWidth = 3;//线条阴影颜色series.ShadowColor = Color.Black;//阴影宽度series.ShadowOffset = 2;//是否显示数据说明series.IsVisibleInLegend = true;//线条上数据点上是否有数据显示series.IsValueShownAsLabel = false;//线条上的数据点标志类型series.MarkerStyle = MarkerStyle.Circle;//线条数据点的大小series.MarkerSize = 8;//线条颜色switch (i){case 0:series.Color = Color.FromArgb(220, 65, 140, 240);break;case 1:series.Color = Color.FromArgb(220, 224, 64, 10);break;case 2:series.Color = Color.FromArgb(220, 120, 150, 20);break;}return series;}}</tooltipeventargs>

另外附上微软Demo的下载地址:http://archive./mschart/Release/ProjectReleases.aspx?ReleaseId=4418

Demo 分为WEB版本和WinForm版本,样式和图表内容很全,希望对大家有所帮助。

出处:/lxblog/

如果觉得《利用MsChart控件绘制多曲线图表 z》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。