C＃ Winfrom Chart图表控件 柱状图、折线图

目录

一、参考

二、柱状图

1.新建项目

2.修改图表样式

3.绑定数据

三、折线图

1.图表设置

2.绑定数据

结束

---

效果

 

一、参考

c# Chart设置样式 - wenglabs - 博客园

强大的Winform Chart图表控件使用说明 - 走看看

二、柱状图

1.新建项目

新建一个.NET Framework 类型的 Winfrom 项目，在数据里面找到 Chart 控件，拖入到界面中

如下：

拖入控件时，默认的有一个图表的样式，实际运行其实是一片空白

2.修改图表样式

在Series这里，点击集合后面到三个点

这里可以修改对应的名字，在左边添加按钮这里，可以添加一组柱状图，如果是折线图，则是两根线。

这里可以修改图表的样式，比如柱状图，折线图

3.绑定数据

此时图表还没有任何数据，可以用绑定方式添加数据，如下

private List<int> XList = new List<int>();
private List<int> YList = new List<int>();
private Random randoms = new Random();

private void Form1_Load(object sender, EventArgs e)
{
    for (int i = 0; i < 6; i++)
    {
        XList.Add(i);
        YList.Add(randoms.Next(10, 100));
    }
    chart1.Series["Series1"].Points.DataBindXY(XList, YList);
}

 运行后如下

 上图有两个问题，

1.柱状图没有显示具体数据，根本看不出来实际数据是多少，

2.背景的网格没有去掉，样式比较难看，

用代码可以解决这两个问题

private List<int> XList = new List<int>();
private List<int> YList = new List<int>();
private Random randoms = new Random();
//private int index = -1;

private void Form1_Load(object sender, EventArgs e)
{
    chart1.ChartAreas[0].AxisX.MajorGrid.LineDashStyle = ChartDashStyle.NotSet; //设置网格类型为虚线
    chart1.ChartAreas[0].AxisY.MajorGrid.LineDashStyle = ChartDashStyle.Dash; //设置网格类型为虚线
    chart1.Series[0].IsValueShownAsLabel = true;//设置显示示数

    for (int i = 0; i < 6; i++)
    {
        XList.Add(i);
        YList.Add(randoms.Next(10, 100));
    }
    //写法同上面到 chart1.ChartAreas[0] 类似
    chart1.Series["Series1"].Points.DataBindXY(XList, YList);
}

效果

此时和我们想要的效果就差不多了

三、折线图

1.图表设置

新建一个.NET Framework 类型的 Winfrom 项目，操作同上面一致，将ChartType 这里设置成 Line，并且在Form1界面中添加一个按钮

运行以后，图表依然是一片空白

2.绑定数据

添加代码

using System;
using System.Collections.Generic;
using System.Windows.Forms;
using System.Windows.Forms.DataVisualization.Charting;

namespace 折线图
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private List<int> XList = new List<int>();
        private List<int> YList = new List<int>();
        private Random randoms = new Random();
        private int index = -1;

        private void Form1_Load(object sender, EventArgs e)
        {
            chart1.ChartAreas[0].AxisX.MajorGrid.LineDashStyle = ChartDashStyle.NotSet; //设置网格类型为虚线
            chart1.ChartAreas[0].AxisY.MajorGrid.LineDashStyle = ChartDashStyle.Dash; //设置网格类型为虚线
            chart1.Series[0].IsValueShownAsLabel = true;//设置显示示数
        }

        private void button1_Click(object sender, EventArgs e)
        {
            index++;
            XList.Add(index);
            YList.Add(randoms.Next(10, 100));
            //chart1.Series[0].Points.AddXY(index, randoms.Next(10, 100));
            chart1.Series[0].Points.DataBindXY(XList, YList);
        }
    }
}

 运行后，点击添加按钮，效果如下

这里你会发现一个问题，图中到93这个点，已经跑到顶部了，字都被挡了一半 ，这里可以用代码设置，比如，遍历整个Y轴的值，然后计算出最大值和最小值，并给chart1的Maximum，Minimum赋值，就可以让折线图居中了

chart1.ChartAreas[0].AxisY.Maximum = 200;

如果你想要下面的效果，也可以参考我的帖子，虽然DLL不一样，写法基本一致，在下面的源码中也有这个案例到效果，有需要的可以支持一下我了，谢谢。

C# System.Windows.Forms.DataVisualization Demo案例_熊思宇的博客-CSDN博客_c# system.windows.forms

源码下载：点击下载

结束

如果这个帖子对你有用，欢迎 关注 + 点赞 + 留言，谢谢

end