C# Chart 控件快速使用

测试来玩玩 , 目标是画个柱状图。



1. 新建winform 工程, 从工具栏拖入 Chart 控件。这时会默认建立了Serie 1 .

  // chart1
            //
            this.chart1.Anchor = ((System.Windows.Forms.AnchorStyles)(((System.Windows.Forms.AnchorStyles.Bottom | System.Windows.Forms.AnchorStyles.Left)
                        | System.Windows.Forms.AnchorStyles.Right)));
            chartArea1.Name = "ChartArea1";
            this.chart1.ChartAreas.Add(chartArea1);
            legend1.Name = "Legend1";
            this.chart1.Legends.Add(legend1);
            this.chart1.Location = new System.Drawing.Point(5, 67);
            this.chart1.Name = "chart1";
            series1.ChartArea = "ChartArea1";
            series1.Legend = "Legend1";
            series1.Name = "Series1";
            this.chart1.Series.Add(series1);
            this.chart1.Size = new System.Drawing.Size(566, 145);
            this.chart1.TabIndex = 2;
            this.chart1.Text = "chart1";


2. 写一些测试数据 DataTable类型 myTab ,然后把chart1.DataSource = myTab .

3. 用chart1.seriers[0] 对象设置相关属性, 尤其X,Y 值和mytab的对应关系。

4. 增加一个序列2.

完整代码如下:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Windows.Forms.DataVisualization.Charting;
namespace ClientCollectData
{
    public partial class Form1 : Form
    {
        //private MessageBox log;
        private DataTable myTab = new DataTable("mytab");
       
       
        public Form1()
        {
            InitializeComponent();

        }
        
        private void Form1_Load(object sender, EventArgs e)
        {
          //  log = new MessageBox(listBox1);
          //  for (int i = 0; i < 100; i++)
          //  {
         //       log.log("第" + i.ToString() + "记录");
 //
      //      }
            this.IniTab();
            chart1.DataSource = myTab;
            chart1.Series[0].YValueMembers = "Yvalue";
            chart1.Series[0].XValueMember = "Xvalue";
            chart1.Series[0].LegendToolTip = "测试成绩"; // 鼠标放到系列上出现的文字
            chart1.Series[0].LegendText = "我的成绩"; // 系列名字
            chart1.Series[0].XValueType = ChartValueType.Time;
            Series s2 = new Series();
            chart1.Series.Add(s2);
            chart1.Series[1].YValueMembers = "Yvalue";
            chart1.Series[1].XValueMember = "Xvalue";
            chart1.Series[1].LegendToolTip = "考试成绩"; // 鼠标放到系列上出现的文字
            chart1.Series[1].LegendText = "他的成绩"; // 系列名字
            chart1.Series[1].XValueType = ChartValueType.Time;
      
        }
        private void IniTab() // 创建一个自定义table来玩玩
        {
            myTab.Columns.Add("ID",Type.GetType("System.Int32"));
            myTab.Columns[0].AutoIncrement = true;
            myTab.Columns[0].Unique = true;
            myTab.Columns[0].AutoIncrementSeed = 1;
            myTab.Columns[0].AutoIncrementStep = 1;
            myTab.Columns.Add("Yvalue", Type.GetType("System.Int32"));
            myTab.Columns.Add("Xvalue", Type.GetType("System.DateTime"));

            myTab.Rows.Add(new object[] { null,22D,"2015-02-01 8:00"});
            myTab.Rows.Add(new object[] { null, 23D, "2015-03-01 9:00" });
            myTab.Rows.Add(new object[] { null, 25D, "2015-04-01 10:00" });
            myTab.Rows.Add(new object[] { null, 24D, "2015-05-01 11:00" });
            myTab.Rows.Add(new object[] { null, 22D, "2015-06-01 12:00" });
            myTab.Rows.Add(new object[] { null, 21D, "2015-07-01 13:00" });
        
        }
    }
}


更为通用的例子 (两个不同的系列曲线,横坐标是时间),:


 

 private void Form1_Load(object sender, EventArgs e)
        {
          //  log = new MessageBox(listBox1);
          //  for (int i = 0; i < 100; i++)
          //  {
         //       log.log("第" + i.ToString() + "记录");
 //
      //      }
           
            chart1.Series[0].YValueMembers = "Yvalue";
            chart1.Series[0].XValueMember = "Xvalue";
            chart1.Series[0].LegendToolTip = "测试成绩"; // 鼠标放到系列上出现的文字
            chart1.Series[0].LegendText = "我的成绩"; // 系列名字
            chart1.Series[0].XValueType = ChartValueType.Date;
   
            Series s2 = new Series();
            chart1.Series.Add(s2);
            s2.IsValueShownAsLabel = true;
            s2.ShadowColor = Color.Black;
            s2.ChartType = SeriesChartType.Line;
            s2.BorderColor = Color.Red;
            s2.BorderWidth = 3;

            chart1.Series[1].LegendToolTip = "考试成绩"; // 鼠标放到系列上出现的文字
            chart1.Series[1].LegendText = "他的成绩"; // 系列名字
            chart1.Series[1].XValueType = ChartValueType.Date;

            Random r = new Random();
            DateTime n = DateTime.Now.Date;
            for (int i = 0; i < 10; i++)
            {
                chart1.Series[0].Points.AddXY(n,r.Next(20, 40));
                chart1.Series[1].Points.AddXY(n,r.Next(40, 50));
                n = n.AddDays(1);
            }
      
        }




C#中的Chart控件是一个强大的数据可视化工具,可以用于绘制各种类型的图表,例如折线图、柱状图、饼状图等等。下面是Chart控件的基本使用方法: 1. 在Visual Studio的工具箱中找到Chart控件,将其拖放到窗体上。 2. 在代码中添加以下引用: ``` using System.Windows.Forms.DataVisualization.Charting; ``` 3. 初始化Chart控件,可以在窗体加载事件中添加以下代码: ``` private void Form1_Load(object sender, EventArgs e) { chart1.Series.Clear(); //清空原有的Series chart1.Series.Add("Series1"); //添加新的Series chart1.Series[0].ChartType = SeriesChartType.Line; //设置图表类型为折线图 } ``` 4. 添加数据,可以在按钮点击事件中添加以下代码: ``` private void button1_Click(object sender, EventArgs e) { chart1.Series[0].Points.Clear(); //清空原有的数据点 chart1.Series[0].Points.AddXY(1, 2); //添加新的数据点 chart1.Series[0].Points.AddXY(2, 4); chart1.Series[0].Points.AddXY(3, 6); chart1.Series[0].Points.AddXY(4, 8); } ``` 5. 设置图表属性,例如标题、坐标轴标签、数据点标签等等: ``` chart1.Titles.Add("My Chart"); //设置标题 chart1.ChartAreas[0].AxisX.Title = "X Axis"; //设置X轴标签 chart1.ChartAreas[0].AxisY.Title = "Y Axis"; //设置Y轴标签 chart1.Series[0].IsValueShownAsLabel = true; //显示数据点标签 ``` 以上是Chart控件的基础使用方法,你可以根据需要设置更多的属性来定制自己的图表。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值