C#之Chart篇

最新推荐文章于 2024-01-20 16:42:01 发布
VIP文章 最新推荐文章于 2024-01-20 16:42:01 发布
阅读量3.9w 收藏 192
点赞数 70
分类专栏： C# 文章标签： C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kang_xiong/article/details/53944487
版权

叕叕叕到周五了，时间总是走的如此之快，不免伤感（- -）。。。（伤感个毛线呀，再伤感16年就走了）12月就要结束了，赶紧来一篇充实一下生活。最近在项目中，做了个图表程序，使用到了Chart,今天在这里做一个整理总结。

1.第一个Chart控件

1）先来熟悉一下chart,在前端做一个图表可能会用到chart.js，在C#中可以用自带的控件chart，感觉挺方便的。

2）创建一个项目，windows窗体应用程序。在工具箱的【数据】找到【 Chart】控件，并拖到窗体

这里写图片描述

3)右键chart【属性】，在VS右侧属性【布局】下面找到【Dock】属性设置为Fill,自己再调整一下大小

这里写图片描述

4）这里的操作是当加载窗体的时候显示chart,所以有个窗体load事件。

这里写图片描述

5）双击后直接进入代码，当在代码中写Series时会出现红色波浪线，提示缺少相关命名空间之类的，点击【Series】就可以看到所需要的，添加就ok了

这里写图片描述

6）代码

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 MyChart
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            //清除默认的series
            chart1.Series.Clear();
            //new 一个叫做【Strength】的系列
            Series Strength = new Series("力量");  
            //设置chart的类型，这里为柱状图
            Strength.ChartType = SeriesChartType.Column;
            //给系列上的点进行赋值，分别对应横坐标和纵坐标的值
            Strength.Points.AddXY("A", "90");
            Strength.Points.AddXY("B","88");
            Strength.Points.AddXY("C", "60");
            Strength.Points.AddXY("D", "93");
            Strength.Points.AddXY("E", "79");
            Strength.Points.AddXY("F", "85");
            //把series添加到chart上
            chart1.Series.Add(Strength);       

        }
    }
}

7）效果图

这里写图片描述

2.两个Series

1）右击项目名，【添加】一个windows窗体。然后的话步骤和前面一样，这里就不多说了

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 MyChart
{
public partial class Form2 : Form
{
public Form2()
{
InitializeComponent();
}

    private void Form2_Load(object sender, EventArgs e)
    {

        chart1.Series.Clear();
        Series Strength = new Series("力量");
        Series Speed= new Series("速度");

        Strength.ChartType = SeriesChartType.Column;
        Strength.IsValueShownAsLabel = true;
        Strength.Color = System.Drawing.Color.Cyan;

        Speed.ChartType = SeriesChartType.Spline;
        Speed.IsValueShownAsLabel = true;

        chart1.ChartAreas[0].AxisX.MajorGrid.Interval =0.5;
        chart1.ChartAreas[0].AxisX.MajorGrid.Enabled =true;
        //chart1.ChartAreas[0].Area3DStyle.Enable3D = true;
        chart1.ChartAreas[0].AxisX.IsMarginVisible = true;
        chart1.ChartAreas[0].AxisX.Title = "英雄";
        chart1.ChartAreas[0].AxisX.TitleForeColor = System.Drawing.Color.Crimson;

        chart1.ChartAreas[0].AxisY.Title = "属性";
        chart1.ChartAreas[0].AxisY.TitleForeColor = System.Drawing.Color.Crimson;
        chart1.ChartAreas[0].AxisY.TextOrientation = TextOrientation.Horizontal;



        Strength.LegendText = "力气";
        Strength.Points.AddXY("A", "90");
        Strength.Points.AddXY("B", "88");
        Strength.Points.AddXY("C", "60");
        Strength.Points.AddXY("D", "93");
        Strength.Points.AddXY("E", "79");
        Strength.Points.AddXY("F", "85");

        Speed.Points.AddXY("A", "120");
        Speed.Points.AddXY("B", "133");
        Speed.Points.AddXY("C", "100");
        Speed.Points.AddXY("D", "98");
        Speed.Points.AddXY("E", "126");
        Speed.Points.AddXY("F", "89");

        //把series添加到chart上
        chart1.Series.Add(Speed); 
        chart1.Series.Add(Strength);

    }
}

}

3）效果

这里写图片描述

4）熟悉常用属性和方法

（1）Series对象

Series Strength = new Series("力量");
Series Speed= new Series("速度");

设置series类型

Strength.ChartType = SeriesChartType.Column;
Speed.ChartType = SeriesChartType.Spline;

是否把值当做标签展示（默认false）

Speed.IsValueShownAsLabel = true;

设置series颜色

Strength.Color = System.Drawing.Color.Cyan;

给series上的点赋值
            Strength.Points.AddXY("A", "90");
            Strength.Points.AddXY("B", "88");
            Strength.Points.AddXY("C", "60");
（2）ChartArea(就是我们看到的区域)
以3D形式展示

chart1.ChartAreas[0].Area3DStyle.Enable3D = true;

设置坐标轴标题
   chart1.ChartAreas[0].AxisY.Title = "属性";
            chart1.ChartAreas[0].AxisY.TitleForeColor = System.Drawing.Color.Crimson;
            chart1.ChartAreas[0].AxisY.TextOrientation = TextOrientation.Horizontal;
设置网格间隔（这里设成0.5，看得更直观一点）
 chart1.ChartAreas[0].AxisX.MajorGrid.Interval =0.5;

3.库存波动

1）主代码

using Daisy.Common.McsClient;
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 BIZWhOnhandQuery
{
    public partial class MainForm : Mes.ControlsEx.ExtendForm.BaseForm
    {
        public string QuerySql01 = string.Empty;
        public MainForm()
        {
            InitializeComponent();
        }

        private void navigatorEx1_OnQuery(object sender, Mes.Core.ApplicationObject.SystemNavigatorClickedEventArgs e)
        {
            try
            {
                QueryForm qf = new QueryForm();
                qf.StartPosition = FormStartPosition.CenterScreen;
                qf.ShowDialog();
                if (qf.DialogResult == System.Windows.Forms.DialogResult.OK)
                {
                    QuerySql01 = qf.QuerySql01;
                            this.chart1.Series.Clear();//先将series清除
                            //设置X/Y样式
                            chart1.ChartAreas[0].AxisY.Title = Mes.Core.Utility.StrUtil.Translate("数量");
                            chart1.ChartAreas[0].AxisX.Title = Mes.Core.Utility.StrUtil.Translate("日期");
                            chart1.ChartAreas[0].AxisX.LabelStyle.Angle = 0;
                            chart1.ChartAreas[0].AxisX.IntervalAutoMode = IntervalAutoMode.VariableCount;
                            chart1.ChartAreas[0].AxisY.IntervalAutoMode = IntervalAutoMode.VariableCount;
                            // chart1.ChartAreas[0].AxisX.Enabled = AxisEnabled.False;
                            // chart1.ChartAreas[0].AxisY.Enabled = AxisEnabled.False;
                            chart1.Titles[0].Text = "";

                            //设置char样式

                            this.chart1.Series.Add(Mes.Core.Utility.StrUtil.Translate("数量"));
                            chart1.Series[Mes.Core.Utility.StrUtil.Translate("数量")].MarkerColor = Color.Black;//设置标志
                            chart1.Series[Mes.Core.Utility.StrUtil.Translate("数量")].MarkerSize = 1;
                            chart1.Series[Mes.Core.Utility.StrUtil.Translate("数量")].MarkerStyle = MarkerStyle.Square;
                            chart1.Series[Mes.Core.Utility.StrUtil.Translate("数量")].IsValueShownAsLabel = false;//是否显示值
                            chart1.Series[Mes.Core.Utility.StrUtil.Translate("数量")].ChartType = SeriesChartType.Spline;//设置显示样式
                            chart1.Series[Mes.Core.Utility.StrUtil.Translate("数量")].BorderWidth = 1;
                            chart1.Series[Mes.Core.Utility.StrUtil.Translate("数量")].Color = Color.Blue;
                            chart1.Series[Mes.Core.Utility.StrUtil.Translate("数量")].ToolTip = Mes.Core.Utility.Str
最低0.47元/天 解锁文章
派大星不吃鱼
关注
  • 70
    点赞
  • 踩
  • 192
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
mschart安装包(C#chart画图控件-柱状图)
09-11
V#chart控件，可以用于在窗体程序中画柱状图，条形图，各个属性大家可以在网上查询， mschart安装包，里面包含了dotnetfx35setup.exe，MSChart.exe，MSChart_VisualStudioAddOn.exe，MSChartLP_chs.exe 四个安装文件
chart控件做实时曲线显示_C# 生成chart图表的三种方式
weixin_39574943的博客
11-30 4150
在．net中，微软给我们提供了画图类(system.drawing.imaging)，在该类中画图的基本功能都有。比如：直线、折线、矩形、多边形、椭圆形、扇形、曲线等等，因此一般的图形都可以直接通过代码画出来。接下来介绍一些画图函数：Bitmap bmap=new Bitmap(500,500)　/定义图像大小；bmap.Save(stream,imagecodecinfo) /将图像保...
C#chart画数据图并可以使数据持续向左移动
weixin_53556538的博客
09-17 495
实现C#chart画图数据左移效果
C#中chart控件
最新发布
小柚子的博客
01-20 981
设置游标：具有自动拖拽和放大功能。选择绘制曲线的宽度和颜色。调整标题字体：大小和颜色。
微软C#中的CHART图表控件
weixin_42579159的博客
04-24 6507
http://www.cnblogs.com/winshe/articles/6604406.html https://blog.csdn.net/akof1314/article/details/5710866 http://www.360doc.com/content/13/1016/10/9981262_321805184.shtml 在.NET环境下微软提供了强大了图表控件，并给多了很多实例，关于图表的基本元素如下： 在这里，我仅作为自己理解的，并实践的，以中文方式写出步骤，未免出错，还请参照MS
C#--图表控件（Chart）
爱她就要努力
12-21 8251
https://blog.csdn.net/qq_20936333/article/details/82020584 采用VS自带的Chart图表控件，制作实时动态显示的折线图，和波形图 涉及知识点： Chart 控件，功能强大，可以绘制柱状图，折线图，波形图，饼状图，大大简化了对图的开发与定制。 Chart控件的相关概念： ChartArea，表示图表区域，一个Chart可以绘制多个ChartA...
C# Winform编程（10）Chart图表控件
SongYuLong
10-27 6343
Chart控件是微软自带的一种图形可视化组件，使用简单灵活。在.NET4.0之后（即VS2010之后）已集成在了VS里面，直接拖拽控件到窗体即可使用。需要使用命名空间：using System.Windows.Forms.DataVisualization.Charting;
C#图表开发——Chart
weixin_59555766的博客
07-28 2370
C#中，开发图表功能的控件是Chart，而Chart控件有两个重要的属性，Series和ChartArea。Series属性是SeriesCollection类型，内部封装了一个集合(元素类型为Series类)，每个集合元素代表了要显示的图表数据。当集合内元素为多个时，表示Chart里同时显示的图表为多个。
C# Winfrom Chart 图表控件 柱状图、折线图
热门推荐
熊思雨的博客
06-29 2万+
新建一个.NET Framework 类型的 Winfrom 项目，在数据里面找到 Chart 控件，拖入到界面中如下： 此时，默认的有一个图表的样式，实际运行却什么都没有 修改图表样式在Series这里，点击集合后面到三个点 这里可以修改标记的名字这里修改图表到样式 绑定数据此时图表还没有任何数据，可以用绑定方式添加数据，如下 运行后如下..................................................................................
C# Chart动态折线图显示 多条
08-10
Chart图表 折线图
C#中Chart控件
10-24
本资源主要为c#中使用chart控件绘制曲线图，当数据量较大时，x轴出现滚动条，实现全局视图和滚动视图的功能
基于c#的chart图表控件使用demo
12-12
源码自动生成各种数据后，调用chart控件生成图表的源码程序，仅供测试参考。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
C#chart缩放
02-15
C#代码，mschart可用鼠标滚轮缩放
C#【控件操作篇】实现chart数据点的框选、删除、平移（中级）
03-15
C#【控件操作篇】实现chart数据点的框选、删除、平移（中级）
基于C#的Chart空间应用
06-28
基于C#开发，利用Chart控件实时绘制串口接收到的数据，串口接收的是三轴传感器3DH的数据，基于原始三轴数据做简单的手势识别。
C#集合（Collection）
喝勺子的汤@博客
03-28 4481
集合 集合类是专门用于处理数据存储和检索的类。这些类提供了对栈（stack）、队列（queue）、列表（list）和哈希表（hash table）的支持。大多数集合类实现了相同的接口。 1.动态数组 1）动态数组和数组差不多，但对动态数组进行插入和删除操作会自动改变数组的大小 2）ArrayList要需要引入命名空间System.Collections;默认可存放的元素个数为4，超过了动态
C#之MySql更新
喝勺子的汤@博客
02-06 3993
1.接着前面的往下做，主要逻辑：当双击某一行时，右侧的文本框和单选按钮将会显示对应的值，添加按钮将会变成【修改】。UserForm中添加事件 private void dataGridView1_CellDoubleClick(object sender, DataGridViewCellEventArgs e) { //双击一行，给对应文本框赋值
C#之MySql查询
喝勺子的汤@博客
01-19 2936
1.MySql查询 （1）新建一个项目，windows窗体应用程序 （2）添加引用mysql.data.dll和命名空间 （3）在mysql数据库创建表 这里用到的是student表，主要字段有student_id,student_code,student_name,student_sex,student_age,description。 （4）创建一个类和数据库中的表对应
C# CHART控件
07-27
C#的Chart控件是微软自带的一个图形可视化组件，可以在Web程序和窗体程序中使用。在.NET4.0之后的版本中，Chart控件已经集成在Visual Studio中，不需要手动安装。你可以在工具箱中找到"数据"控件，里面就有一个Chart控件，你可以直接拖动到窗体中使用。默认情况下，会创建一个名为chart1的实例对象。\[1\] 如果你想了解更多关于Winform控件的介绍和示例，你可以参考一些网址，比如： - https://docs.devexpress.com/WindowsForms/17530/controls-and-libraries/spreadsheet/examples/charts/how-to-show-or-hide-the-chart-legend - https://blog.csdn.net/zhouyingge1104/article/details/105504889 - https://blog.csdn.net/quanlver/article/details/83035998 - https://blog.csdn.net/qq_27825451/article/details/81305387 - https://www.cnblogs.com/arxive/p/5861960 - https://blog.csdn.net/xianfajushi/article/details/7493697 在使用Chart控件时，你可以使用一些方法来绑定数据，比如： - DataBind方法可以将数据源绑定到Chart控件的Series上，可以使用不同的参数组合来绑定不同的数据。 - DataBindXY方法可以将一组X和Y的值绑定到一个Series上。 - DataBindY方法可以将一组Y的值绑定到一个Series上。 例如，你可以使用以下代码将一组X和Y的值绑定到名为"Series1"的Series上： chart1.Series\["Series1"\].Points.DataBindXY(x, y)。\[3\] 希望这些信息对你有帮助！ #### 引用[.reference_title] - *1* *3* [c# chart图表控件总结](https://blog.csdn.net/a843538946/article/details/103048471)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [C# chart控件使用方法](https://blog.csdn.net/u012719076/article/details/108192562)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值