记录｜C# winform——Chart控件

---

前言

参考视频：
零基础C#教程037期 winform大数据Chart图形开发技巧

---

一、重点关注

1.1 Chart控件效果

1.2 属性

下图中的都是集合

比较重要的是：标题、序列、图例

1.2.0 位置讲解

1.2.1 Titles——标题集合

这个是Chart控件中的属性。是个集合。
集合中的每个成员都是控件。

Text

Titles集合里面的每个成员都是个Title控件。【如下图】

效果如下图：

ToolTip

• 用于制作提示信息，需要鼠标移动上时触发【效果如下：】
  

1.2 .2 Series——图表序列

序列，就是数据展示的形式。可以是柱状图、折线图、散点图。

ChartType

• 选择序列展现的形式。有柱状图、折线图、散点图。
  

Legends——图例集合

• 这里配置图例的颜色和展现样式

---

二、数据传入Chart控件

2.1 如何传入数据？

• 首先，需要在Form的Load()方法中进行配置。
• 其次调用Point.Add()就可以实现添加数据
  简单的代码如下：

        private void Form1_Load(object sender, EventArgs e)
        {
            for(int i = 0; i < 10; i++)
            {
                Random rdom = new Random();
                chart1.Series[0].Points.Add(rdom.Next(0,101));
            }
        }

• 运行后效果如下：
  
• 可以添加个Timer触发器，让图中的数据动态移动展示。【如下图】
  

---

2.2 如果想限定每次展现的数据量怎么办？

如果数据如下图中，每次都在不断增加，但是窗体有限，结果很拥挤，需要对每次展现的数据量进行控制怎么办？

-下面代码是：每次只展示10个点的作用

        private void timer1_Tick(object sender, EventArgs e)
        {
            //当前图例展示的数据数量到到达10个时，将第一个移除，再添加一个点
            if (chart1.Series[0].Points.Count == 10)
            {
                chart1.Series[0].Points.RemoveAt(0);
            }

            Random rdom = new Random();
            chart1.Series[0].Points.Add(rdom.Next(0, 101));
        }

• 效果如下：
  

三、标注每个点的值

3.1 如何在图表中标出每个点的值？

可视化理解

先在Chart控件中，找到Series集合。
在里面找到Points集合【如下图】

在Point中创建个DataPoint对象。
XValues+YValues能指定展示的位置
Label：显示展示的点的值。

代码编写

基于上面的可视化理解后，下面的代码就好理解了。

        private void timer1_Tick(object sender, EventArgs e)
        {
            //当前图例展示的数据数量到到达10个时，将第一个移除，再添加一个点
            if (chart1.Series[0].Points.Count == 10)
            {
                chart1.Series[0].Points.RemoveAt(0);
            }

            Random rdom = new Random();
            int current_point = rdom.Next(0, 101);
            DataPoint dataPoint = new DataPoint();
            dataPoint.YValues = new double[] { current_point };
            dataPoint.Label = current_point.ToString();
            chart1.Series[0].Points.Add(dataPoint);
        }

效果展示

四、多个Chart控件演示【只是演示的时候方便】

• 作用：演示的时候，用一组数据去控制多个Chart控件的展示。【代码如下：】

        private void timer1_Tick(object sender, EventArgs e)
        {
            for (int i = 1; i <= 4; i++) {
                Chart chartList = tableLayoutPanel1.Controls.Find("chart" + i.ToString(), true)[0] as Chart;
                //当前图例展示的数据数量到到达10个时，将第一个移除，再添加一个点
                if (chartList.Series[0].Points.Count == 10)
                {
                    chartList.Series[0].Points.RemoveAt(0);
                }

                Random rdom = new Random();
                int current_point = rdom.Next(0, 101);
                DataPoint dataPoint = new DataPoint();
                dataPoint.YValues = new double[] { current_point };
                dataPoint.Label = current_point.ToString();
                chartList.Series[0].Points.Add(dataPoint);
            }

        }

注意：tableLayoutPanel1.Controls.Find(“chart” + i.ToString(), true)——Find()方法中的true表示是找Panel中的子控件

• 效果：
  

---

更新时间

• 2024.08.23：创建