chart控件多個ChartArea


最近做的功能正好設計到Chart控件多個ChartArea的使用,就做了一個簡單的小例子總結一下。
1、在窗口上添加Chart控件
2、chart控件屬性設置:【圖表】–【ChartAreas集合】。此處設置了2個ChartArea。
這里寫圖片描述
3、設置曲線:如果曲線較少的話,可以在【屬性】-【圖表】-【Series集合】中添加曲線,
這里寫圖片描述
曲線較多,可以自己寫代碼設置。

這個例子中我用代碼設置了3條曲線。
全部代碼如下:

	   private void Form1_Load(object sender, EventArgs e)
        {
            init();//曲線初始化
            timer1.Start();//開啟計時器
        }
	    /// <summary>
        /// 曲線初始化
        /// </summary>
        private void init()
        {
            //清除默認的series
            chart1.Series.Clear();
            for (int i = 0;i< 3;i++)
            {
                Series series = new Series(SERIES[i]);
                series.ChartType = SeriesChartType.Spline;
                series.MarkerBorderWidth = 2;
                series.MarkerSize = 4;
                series.MarkerStyle = MarkerStyle.Circle;
                series.ToolTip = SERIES[i] + " #VAL \r\n #AXISLABEL";
                chart1.Series.Add(series);
            }
        }
    /// &lt;summary&gt;
    /// 曲線
    /// &lt;/summary&gt;
    private static string[] SERIES =
    {
        "曲線一","曲線二","曲線三"
    };

    /// &lt;summary&gt;
    /// 計時器
    /// &lt;/summary&gt;
    /// &lt;param name="sender"&gt;&lt;/param&gt;
    /// &lt;param name="e"&gt;&lt;/param&gt;
    private void timer1_Tick(object sender, EventArgs e)
    {
        Random r1 = new Random();
        int val1 = r1.Next(0, 100);
        Random r2 = new Random();
        int val2 = r1.Next(0, 100);
        Random r3 = new Random();
        int val3 = r1.Next(0, 100);
        for (int i = 0; i &lt; 3; i++)
        {
            this.chart1.Series[0].ChartArea = "ChartArea1";
            this.chart1.Series[1].ChartArea = "ChartArea1";
            this.chart1.Series[2].ChartArea = "ChartArea2";
            chart1.Series[0].Points.AddY(val1);
            chart1.Series[1].Points.AddY(val2);
            chart1.Series[2].Points.AddY(val3);
        }
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55

結果如圖所示:
這里寫圖片描述

                                </div><div><div></div></div>
            <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-60ecaf1f42.css" rel="stylesheet">
                            </div>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM