当前位置：首页 > 编程日记 > 正文

ASP.NET画图控件 Chart Control 免费控件

编程日记 2024-11-05 17:10:00

.NET3.5中中推出了图表控件，可以同时支持Web和WinForm两种方式，由于平时很少使用，一直没有玩玩，闲来无事，简单研究了下，感觉功能真的很强大，基本上可以满足各种图表的应用，感觉这么好用的东西才研究，真是有些落伍啊，哈哈，想必很多人已经早已玩过，这里帮大家复习下，高手绕过。

安装MSChart

由于是和.NET3.5一起推出来的，所以只能在最新的开发环境中使用，需要.Net 3.5 Sp1和VS 2008的开发环境。

控件下载地址： Microsoft .NET Framework 3.5 的 Microsoft 图表控件(Microsoft Chart Controls for Microsoft .NET Framework 3.5)

微软提供的Demo：http://code.msdn.microsoft.com/mschart

按照上面的地址，下载安装就可以了。

也可以在这里下载http://www.21kaiyun.com/pp.aspx

使用MSChart

安装好后，我们就可以使用MSChart了。

1.主要属性：

Annotations--图形注解集合，ChartAreas--图表区域集合，Legends--图例集合，Series--图表序列集合（即图表数据对象集合），Titles--图标的标题集合。

(1)Annotations：是一个对图形的一些注解对象的集合，所谓注解对象，类似于对某个点的详细或者批注的说明。一个图形上可以拥有多个注解对象，可以添加十多种图形样式的注解对象，包括常见的箭头、云朵、矩行、图片等等注解符号，通过各个注解对象的属性，可以方便的设置注解对象的放置位置、呈现的颜色、大小、文字内容样式等常见的属性。

(2)ChartAreas：是一个图表的绘图区，比如在一幅图中显示多个绘图。图表控件并不限制你添加多少个绘图区域，你可以根据你的需要进行添加。对于每一个绘图区域，你可以设置各自的属性，如：X,Y轴属性、背景等。

(3)Legends：是一个图例的集合，即标注图形中各个线条或颜色的含义，同样，一个图片也可以包含多个图例说明。

(4)Series：是表数据对象集合，应该说是MSChart关键部分。即是实际的绘图数据区域，实际呈现的图形形状，由此集合中的每一个图表来构成的，可以往集合里面添加多个图表，每一个图表可以有自己的绘制形状、样式、独立的数据等。

(5)Titles：图标的标题集合，不难理解，就是图表的标题配置，同样可以添加多个标题。

其他属性：

AlignmentOrientation：图表区对齐方向，定义两个绘图区域间的对齐方式。

AlignmentStyle：图表区对齐类型，定义图表间用以对其的元素。

AlignWithChartArea：参照对齐的绘图区名称。

InnerPlotPosition：图表在绘图区内的位置属性。

Auto：是否自动对齐。

Height：图表在绘图区内的高度（百分比，取值在0-100）

Width：图表在绘图区内的宽度（百分比，取值在0-100）

X,Y：图表在绘图区内左上角坐标

Position：绘图区位置属性，同InnerPlotPosition。

Name：绘图区名称。

Axis：坐标轴集合

TitleAlignment：坐标轴标题对齐方式

Interval：轴刻度间隔大小

IntervalOffset：轴刻度偏移量大小

MinorGrid：次要辅助线

MinorTickMark：次要刻度线

MajorGrid：主要辅助线

MajorTickMark：主要刻度线

DataSourceID：MSChart的数据源。

Palette：图表外观定义。

IsValueShownAsLabel：是否显示数据点标签，如果为true，在图表中显示每一个数据值

Label：数据点标签文本

LabelFormat：数据点标签文本格式

LabelAngle：标签字体角度

Name：图表名称

Points：数据点集合

XValueType：横坐标轴类型

YValueType：纵坐标轴类型

XValueMember：横坐标绑定的数据源（如果数据源为Table，则填写横坐标要显示的字段名称）

YValueMembers：纵坐标绑定的数据源（如果数据源为Table，则填写纵坐标要显示的字段名称，纵坐标可以有两个）

ChartType：图表类型（柱形、饼形、线形、点形等）

width：MSChart的宽度。

height：MSChart的高度。

2.数据绑定方式

MSChart提供了多种绑定数据的方式：

数组绑定：

            double [] yval = { 2,6,4,5,3};
            string [] xval = { "Peter", "Andrew", "Julie", "Mary", "Dave"};
            Chart1.Series["Series 1"].Points.DataBindXY(xval,yval);

DataReader绑定：

代码

            string fileNameString = this.MapPath(".");
            fileNameString += "..//..//..//..//data//chartdata.mdb";
            string myConnectionString = "PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileNameString;
            string mySelectQuery="SELECT Name, Sales FROM REPS WHERE RegionID < 3;";
            OleDbConnection myConnection = new OleDbConnection(myConnectionString);
            OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);
            myCommand.Connection.Open();
            OleDbDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection);
            Chart1.Series["Default"].Points.DataBindXY(myReader, "Name", myReader, "Sales");
            myReader.Close();
            myConnection.Close();

DataTable绑定：

代码

string fileNameString = this.MapPath(".");
            fileNameString += "..//..//..//..//data//chartdata.mdb";
            string myConnectionString = "PROVIDER=Microsoft.Jet.OLEDB.4.0;Data Source=" + fileNameString;
            string mySelectQuery="SELECT Name, Sales FROM REPS;";
            OleDbConnection myConnection = new OleDbConnection(myConnectionString);
            OleDbCommand myCommand = new OleDbCommand(mySelectQuery, myConnection);
            myCommand.Connection.Open();
            OleDbDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection);
            Chart1.DataBindTable(myReader, "Name");
            myReader.Close();
            myConnection.Close();

Excel绑定：

代码

string fileNameString = this.MapPath(".");
            fileNameString += "..//..//..//..//data//ExcelData.xls";
            string sConn = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" +
                fileNameString + ";Extended Properties=/"Excel 8.0;HDR=YES/"";
            OleDbConnection myConnection = new OleDbConnection( sConn );
            myConnection.Open();
            OleDbCommand myCommand = new OleDbCommand( "Select * From [data1$A1:E25]", myConnection );
            OleDbDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection);
            Chart1.DataBindTable(myReader, "HOUR");
            myReader.Close();
            myConnection.Close();
            foreach(Series ser in Chart1.Series)
            {
                ser.ShadowOffset = 1;
                ser.BorderWidth = 3;
                ser.ChartType = SeriesChartType.Line;
            }

还有其他形式的数据绑定，大家可以下载微软的DEMO研究下。

美中不足的是，MSChart只能使用在.NET3.5中。

21世纪开运网的紫微斗数星座在线排盘系统就是用这个控件画的，好东西不敢独享哟。

https://www.dkcj.cn/info/26200.html

ASP.NET画图控件 Chart Control 免费控件

相关文章：

一步步学敏捷开发：开篇

算法也是颜值控，Twitter AI更青睐肤白貌美图

esxi4.1使用IDE格式磁盘

jQuery 表格插件汇总

程序员门槛再被“神器”降低：只要会英文，就能写代码！

微软职位内部推荐-Software Engineer II-News

css3中的box-sizing属性

影响Lucene索引速度原因以及提高索引速度技巧

java 反射动态代理

公路病害检测有了“智慧眼”，思谋AI“助力”广东省高速公路

无准备，不编程——计算机达人成长之路（15）连载

Memcached 缓存系统的-介绍、安装以及应用

被算法“监控”的打工人，这家公司 150 人被算法裁定为“不敬业”

（转）I 帧和 IDR 帧的区别

ExtJs 备忘录（3）—— Form表单（三） [ 数据验证 ]

Dynamo 以及一致性哈希简介

如何更快速加载你的JS页面

性价比超高：苹果发布了新数据集，助力室内场景理解

42. fastjson处理下划线和驼峰问题的方法和源码分析

Cacti Weathermap添加主机在线状态图示检测

jquery技巧总结

Unet网络实现叶子病虫害图像分割

SilverLight 4页面跳转大全

Linux 性能监控常用命令

jquery 1.6以上版本全选

想提高代码水平，做到这点就够了

modified: xxx(modified content, untracked content)

一些JSON相关的函数

太任性！17 岁少年买不到回国机票，因“泄愤”攻击航司系统，被判刑 4 年

hbase2.0.0-安装部署