在.NET环境下微软提供了强大了图表控件,并给多了很多实例,关于图表的基本元素如下:

并且MSDN给出了创建图表的示例步骤,原文地址:http://msdn.microsoft.com/en-us/library/dd489237.aspx

在这里,我仅作为自己理解的,并实践的,以中文方式写出步骤,未免出错,还请参照MSDN。
添加一个图表控件到应用程序: 

1,在设计视图下,打开“工具箱 ”;

2,在“Data ”分类下,拖动一个图表控件到设计区域;

3,在其属性中展开“ChartAreas ”子属性,弹出的“ChartAreas 集合编辑器 ”中,这里包含了当前图表控件的所有图表区,并且注意此时此集合器已经包含了一个图表区,名称为"ChartArea1 ";

4,点击“添加 ”,新增一个图表区,请注意,在设计区域的图表缩小到原来的一半大小。这是因为新创建的图表区是放置在底部,但不包含一个数据系列;

5,在图表控件的“Series ”子属性,展开弹出“Series 集合编辑器 ”,注意这里已经包含了一个序列,名称为”Series1 “;

6,点击”添加 “,新增一个序列,在其右边设置其属性,“ChartArea ”属性为ChartArea2 ,“ChartType ”属性为Bar ,“Name ”属性为BarChart ,点击“确定 ”完成。此时运行程序未出现任何结果,因为还没有数据;

添加数据到图表: 

1,打开“Series 集合编辑器 ”,在左边的”成员“中选择”Series1 “,在右边的属性区域点击展开”Points “,弹出”DataPoint 集合编辑器 “;

2,点击”添加 “,在其右边属性的”YValues “属性中输入值,重复这一步知道添加了5个数据点;

3,点击”确定 “,然后对”BarChart “序列进行与第2步一样的操作;

4,”确定 “完成,运行程序可以在图表控件上看到两个图表区,显示着刚刚创建的两个序列的数据点。请注意这两个序列的不同图表类型。

添加图例到图表: 

1,在图表控件属性中,点击”Legends “,展开”Legend 集合编辑器 “,如果没有已存在的一个图例,那么就添加一个;

2,设置这个图例属性,其中”DockedToChartArea “值为”ChartArea1 “,”Docking “值为”Right “,”IsDockedInsideChartArea“值为”False “;

3,再添加一个图例,设置属性其中”DockedToChartArea “值为”ChartArea2 “,”Docking “值为”Right “;

4,点击”确定 “完成。此时图表区域的第二个图例显示为空。默认所有的序列都分配到第一个图例,你也可以分配每个序列到不同的图例;

5,打开”Series 集合编辑器 ”,选择“BarChart ”项,在其“Legend ”属性中下拉列表选择“Legend2 ”,完成运行程序。

添加标题到图表: 

1,在图表控件属性中,点击“Titles ”,展开“Title 集合编辑器 ”,点击“添加 ”,在右边的属性“Text ”中输入图表的标题;

2,点击“确定 ”,运行程序看效果。

使用注解标记图表上的数据点: 

1,在图表控件属性中,点击“Annotations ”,展开“Annotation 集合编辑器 ”;

2,点击“添加 ”的下拉列表,选择“ArrowAnnotation ”,如图:
 

3,在右边的属性“定位点 ”分类下,下列选择“AnchorDataPoint ”值为第一个序列的第一个数据点;

4,其具体属性“Height ”值为-5,“Width ”值为0,“AnchorOffSetY ”值为-2.5;

5,在其属性“杂项 ”展开“SmartLabelStyle ”子属性,设置“IsOverlappedHidden ”为”False“;

6,点击”确定 “,运行程序。

程序效果如图:

C#创建基本图表(Chart Controls)的更多相关文章

  1. (原创)用Microsoft Chart Controls(MSChart)实现曲线图,并支持拖动放大到秒

    Microsoft Chart Controls(简称MSChart)控件,给图形统计和报表图形显示提供了很好的解决办法,同时支持Web和WinForm两种方式. MSChart 在.NET 4.0自 ...

  2. 用Microsoft Chart Controls(MSChart)实现曲线图,并支持拖动放大到秒

    Microsoft Chart Controls(简称MSChart)控件,给图形统计和报表图形显示提供了很好的解决办法,同时支持Web和WinForm两种方式. MSChart 在.NET 4.0自 ...

  3. [C#] 老古董的 Microsoft Chart Controls 也可以进行数据预测

    我要先声明,这篇文章介绍到的内容虽说不是不能用,但玩乐成分居多,大家看看就好,不要太认真. 1. Microsoft Chart Controls 中的 FinancialFormula 在上一篇文章 ...

  4. K8s helm 创建自定义Chart

    # 删除之前创建的 chart helm list helm delete --purge redis1 # 创建自定义 chart myapp cd ~/helm helm create myapp ...

  5. Chart Controls 简介与下载

    虽然博客园已有人介绍过了,还是忍不住介绍一下微软这套免费又功能强大的图表控件「Microsoft Chart Controls for Microsoft .NET Framework 3.5」.本帖 ...

  6. Kubernetes 学习25 创建自定义chart及部署efk日志系统

    一.概述 1.我们说过在helm架构中有这么几个关键组件,helm,tiller server,一般托管运行于k8s之上,helm能够通过tiller server在目标k8s集群之上部署应用程序,而 ...

  7. .net chart(图表)控件的使用-System.Windows.Forms.DataVisualization.dll

    这个案例指在介绍微软这套免费又功能强大的图表控件Microsoft Chart Controls for Microsoft .NET Framework 3.5,通过它,可让您的项目及报表,轻松套用 ...

  8. C# Chart控件教程

    一.什么是Micosoft.Chart.Controls Micosoft.Chart.Controls是微软自带的一个图形可视化的组件,可以在Web程序和窗体程序中(Windowsform)中使用. ...

  9. 【译】用 React 和 D3 创建图表

    本文翻译自:https://dzone.com/articles/charts-with-modern-react-and-d3 本文将介绍如何利用 D3JS 和 ReactJS 来创建基础图表. R ...

随机推荐

  1. EZ 2018 02 28 NOIP2018 模拟赛(二)

    我TM的终于改完了(其实都是SB题) 题目链接:http://211.140.156.254:2333/contest/53 T1送分,T2前40%送分,还有骗分机制在里面,T3暴力50 所以200应 ...

  2. Scala学习(一)练习

    Scala基础学习&l练习 1. 在Scala REPL中键人3.,然后按Tab键.有哪些方法可以被应用 在Scala REPL中需要按3. 然后按Tab才会提示. 直接按3加Tab是没有提示 ...

  3. Nuxt.js + koa2 入门

    1. nuxt项目初始化 下面是使用 koa 模板方法初始化一个项目,使用该方法需要将 nuxt 的版本降至1.4.2: 官方 https://zh.nuxtjs.org/guide/installa ...

  4. OPENSTACK重装系统失败导致虚拟机状态为error

    重装系统失败导致虚拟机状态为error DASHBOARD查看虚拟机状态: 查看日志: 磁盘不足导致下载新镜像失败. Virsh list -all 无法发现虚拟机,底层盘消失(因为重装系统时nova ...

  5. (转)Unity内建图标列表

    用法 Gizmos.DrawIcon(transform.position, "PointLight Gizmo"); UnityEditor.EditorGUIUtility.F ...

  6. npm安装时一些错误

    1. npm install 提示no such file or directory 缺少package.json 首先初始化, npm init -f 然后安装依赖 npm install form ...

  7. 《Linux内核分析》第一周学习笔记

    <Linux内核分析>第一周学习笔记 计算机是如何工作的 郭垚 原创作品转载请注明出处 <Linux内核分析>MOOC课程http://mooc.study.163.com/c ...

  8. 每日Scrum(8)

    今天:在程序中嵌入剖面图,进行美化 明天:测试分析,找学弟学妹来体验我们的软件 任务看板: 燃尽图:

  9. 用户场景模拟+Spec

    场景模拟: Spec:  浏览包车信息-->登录-->选择包车城市-->选择去/回程-->选择路线-->预定-->选择包车日期-->出发时间和地点--> ...

  10. Redis分布式锁的实现

    前段时间,我在的项目组准备做一个类似美团外卖的拼手气红包[第X个领取的人红包最大],基本功能实现后,就要考虑这一操作在短时间内多个用户争抢同一资源的并发问题了,类似于很多应用如淘宝.京东的秒杀活动场景 ...