C# mschart 控件的基本使用和图表控件Series的概念

蔚落 2022-12-30 10:48 344阅读 0赞

使用sharpdevelop；

此工具默认没有mschart控件；把如下dll添加到引用；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 1][]

工具箱里面把控件加出来；sharpdevelop加控件到工具箱见此；

[https://blog.csdn.net/bcbobo21cn/article/details/109432788][https_blog.csdn.net_bcbobo21cn_article_details_109432788]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 2][]

代码；

/*
     * Created by SharpDevelop.
     * User: Administrator
     * Date: 2020/12/21/周一
     * Time: 3:15
     * 
     * To change this template use Tools | Options | Coding | Edit Standard Headers.
     */
    using System;
    using System.Collections.Generic;
    using System.Drawing;
    using System.Windows.Forms;
    using System.Windows.Forms.DataVisualization.Charting;
    
    namespace mschartdemo
    {
    	/// <summary>
    	/// Description of MainForm.
    	/// </summary>
    	public partial class MainForm : Form
    	{
    		public MainForm()
    		{
    			//
    			// The InitializeComponent() call is required for Windows Forms designer support.
    			//
    			InitializeComponent();
    			
    			//
    			// TODO: Add constructor code after the InitializeComponent() call.
    			//
                
                
                Series series = new Series("Spline");
            series.ChartType = SeriesChartType.Spline;
            series.BorderWidth = 3;
            series.ShadowOffset = 2;
            // Populate new series with data
            series.Points.AddY(67);
            series.Points.AddY(57);
            series.Points.AddY(83);
            series.Points.AddY(23);
            series.Points.AddY(70);
            series.Points.AddY(60);
            series.Points.AddY(90);
            series.Points.AddY(20);
    
            // Add series into the chart's series collection
            chart1.Series.Add(series);
            chart1.Series["Series1"].ChartType=SeriesChartType.Line;
            chart1.Series["Series1"].BorderWidth = 5;
                
                chart1.Series["Series1"].Points.AddY(67);
            chart1.Series["Series1"].Points.AddY(57);
            chart1.Series["Series1"].Points.AddY(83);
            chart1.Series["Series1"].Points.AddY(23);
            chart1.Series["Series1"].Points.AddY(70);
            chart1.Series["Series1"].Points.AddY(60);
            chart1.Series["Series1"].Points.AddY(90);
            chart1.Series["Series1"].Points.AddY(20);
                
                   Series series2 = new Series("Bubble");
                   series2.ChartType = SeriesChartType.Bubble;
            series2.BorderWidth = 3;
            //series.ShadowOffset = 2;
            // Populate new series with data
            series2.Points.AddY(67);
            series2.Points.AddY(57);
            series2.Points.AddY(83);
            series2.Points.AddY(23);
            series2.Points.AddY(70);
            series2.Points.AddY(60);
            series2.Points.AddY(90);
            series2.Points.AddY(20);
            chart1.Series.Add(series2);
            
            chart1.Series.Clear();
            Series series3 = new Series("Pie");
                   series3.ChartType = SeriesChartType.Pie;
            series3.BorderWidth = 3;
            //series.ShadowOffset = 2;
            // Populate new series with data
            series3.Points.AddXY(0,10);
            series3.Points.AddXY(0,20);
            series3.Points.AddXY(0,10);
            series3.Points.AddXY(0,10);
            series3.Points.AddXY(0,10);
            series3.Points.AddXY(0,20);
            series3.Points.AddXY(0,10);
            series3.Points.AddXY(0,10);
            
            chart1.Series.Add(series3);        
    
                
    		}
    	}
    }

第一段绘图代码；图表类型为 Spline ；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 3][]

曲线出来了；但是右上角有2个 Series，这是啥？

看设计时的默认界面，有一个 Series；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 4][]

运行完第二段绘图代码之后如下；Series指的是，同一片绘图区域，不同的两个图表；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 5][]

第三段绘图代码；图表类型为 SeriesChartType.Bubble；绘出来是大个的方点这个；bubble，英文意思是气泡；目前有三个Series；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 6][]

如果把第三段绘图代码的图表类型改为Pie；则出现一个奇怪的图形；可能第三段绘图代码的数据不适合绘饼图；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 7][]

第四段绘图代码；图表类型是 SeriesChartType.Pie; 可以绘制出；但是前面的三个Series没有了； 此段代码前要加 chart1.Series.Clear()，才能绘出下面的饼图；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 8][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70]: /images/20221120/b7b6c214f58f4cefbd910eb493bc869b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 1]: /images/20221120/45b76029311a467fa8a425ed94f1486a.png
[https_blog.csdn.net_bcbobo21cn_article_details_109432788]: https://blog.csdn.net/bcbobo21cn/article/details/109432788
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 2]: /images/20221120/1b02c827386f43e599c8ea1c3c670204.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 3]: /images/20221120/8c73cda6af4243ff8438aaef69151386.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 4]: /images/20221120/e0d4b84087eb42a38ef15244f528c48d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 5]: /images/20221120/9523a13e8b714ec8b8ffae7378e9a9b4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20201225040736977.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20201225040747836.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20201225040759352.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24=,size_16,color_FFFFFF,t_70