MSchart(转)
mschart入门 2010-04-14 17:18:51| 分类： 默认分类 | 标签： |字号大中小 订阅 .
转载地址：http://hi.baidu.com/38608338/blog/item/cd97dc102940a177ca80c4a7.html
图表是一种直观易懂的显示信息的方式，为了在.Net应用程序中支持图表，微软在.Net SP1和Visual Studio 2008中提供了一个插件以支持强壮的图表，再也不用花钱购买昂贵的、有专利权的软件了。为了能够创建本文所说的图表，你需要安装Microsoft Chart Controls for Microsoft .NET Framework 3.5和Microsoft Chart Controls add-on for Microsoft Visual Studio 2008。如果你对图表还不熟悉，那就仔细阅读本文吧。
ChartAreas控件
ASP.NET 3.5 ChartAreas控件中的ChartAreas属性是ChartArea对象的集合，ChartArea负责显示容器的属性或图表的背景，由于不止一个，这就意味着MSChart控件可以包含多个图表。
在使用多个ChartAreas时理解下面几点内容非常重要：
在技术上可以控制ChartArea的位置，因此多个ChartArea可以叠加，但不推荐这么做，建议在MSChart控件内的独立区域内绘制它们，为了合并或覆盖数据点，推荐在一个ChartArea内使用多个序列，后面将会有介绍。默认情况下，控件会为你自动调整大小和位置。
单个ChartArea将会独立调整以适应数据，正如上图所显示的，第二个ChartArea中的Y值更大，数据点也更少。
多个ChartAreas控件允许你使用多个不相容的ChartTypes（序列对象属性，控制图表的显示类型，如条形、柱状和饼状）显示图表，图表任然显示在相同的MSChart控件内。
对于单个ChartArea，有许多独立的属性可以设置和调整，这样你就可以自行调整图表区域以满足不同的需要，它的大部分属性和面板控件的属性都差不多，因此这里我们就不多说了，只说一下ChartArea唯一的属性，下面是这些唯一属性的清单：
3D样式：使用ChartArea的Area3DStyle属性和子属性，我们可以创建漂亮的、十分抢眼的3D图表，无论是在设计器中还是在代码中都必需将Enable3D属性设置为TRUE，其余的参数可以通过调整旋转、视角、照明方式和其它3D元素，让一个图像看起来具有3D效果。
坐标轴控制和样式：坐标轴集合包括x轴和y轴，以及第二个x轴和y轴，这四个项目的属性允许你设置样式、设置标签、定义间隔、设置工具提示、设置缩放等，如果你的图标要求精确的间隔、标签或其它特殊的显示需要，你可以使用这些属性。例如，你可以颠倒坐标轴的值，或控制如何在x轴上显示标签。如果你使用图表显示实时信息，可以使用IntervalType属性来配置基于日期和时间显示数据点。
选择光标：如果你对用户使用鼠标选择数据点或点击和拖拉范围非常感兴趣，这个时候就要用到CursorX和CursorY属性了，你可以启用选择，并设置最初的光标位置或范围。
Series
和ChartAreas属性一样，Series属性是一个集合。
单个ChartAreas实例包括3个重要的属性：ChartArea属性、ChartType属性和Points集合属性。
ChartArea：识别使用哪个ChartArea。
ChartType：识别表示数据时使用的图标类型，基本的类型有条形、柱状、饼状和线状，还有一些高级选项，如K线图、曲线图、追星图等。
Points：它是DataPoint对象的集合，包括x值和y值，它们是绘在图表上的序列的一部分，数据绑定时最常用的增加数据点的方法，本文后面会做介绍。
Series实例上的其他常用属性和人们广泛了解的还包括：
Color：这个属性用于单独设置每个数据点序列的颜色，默认情况下，这个属性是空白的，控件会自动改变颜色，以保证将多个序列区分开来。
IsValueShownAsLabel：将这个属性的值设为TRUE后（默认是FLASE），图表将显示每个数据点的Y值。
在讲多个序列实例合并到一个ChartArea中时，例如下面两个独立的图表，每个图表都包括6个数据点。
假设你想比较这两个图表中的数据点，你可以将这两个MSChart控件放在一起，相互挨着，也可以在一个图表中使用两个ChartAreas控件，这两种方式都没问题，但都不能给你很好的视觉比较效果，这就是为什么MSChart要合并数据点，让你可以肩并肩地对比数据。将第二个图表中的数据作为第二个序列实例添加到第一个图表中，一下子就从视觉上改善了对比的效果。
使用多个序列实例时，记住每个序列使用的ChartType非常重要，不是所有ChartType选项放在一起都是兼容的。
总的说来，图表控件的层次如下：MSChart控件有零到多个ChartAreas，一个ChartAreas有零到多个序列（Series），一个序列有零到多个数据点（DataPoints）。
数据绑定
数据可以在设计时或运行时绑定，在设计时绑定要使用到数据源配置向导，在MSChart控件数据源属性下拉按钮中可以找到它，如果你已经配置过数据源，你可以在下拉列表中进行选择。
图表函数
DataBind()：绑定数据源的基础函数。
DataBindTable()：绑定图表到特定的数据表，但不允许绑定多个Y值，每个序列不同的数据源或x值、y值有不同的数据源。
DataBindCrossTab()：将图表绑定到一个数据源，并允许基于一个数据列进行分组，在具体指定的列上每个唯一的值将自动创建一个单独的序列。
数据点函数
DataBind()：绑定一个序列到单一的数据源，并允许其它属性绑定到同一个数据源（如标签、工具提示、图例文本等）。
DataBindXY()：允许将x值和y值绑定到独立的数据源，它也用于为每个序列绑定单独的数据源。
DataBindY()：仅绑定序列中数据点的Y值。
数据源配置好后，MSChart控件可以绑定所有的实现了IEnumerable接口的对象，包括但不限于DataReader、DataSet、Array和List。也允许绑定SqlCommand、OleDbCommand、SqlDataAdapters和OleDbDataAdapter对象。
图例
图例属性也是一个集合（叫做图例对象），为了快速理解使用图例可以做什么，可以把它想象成一个简单的表，假设你有一个表格，默认有两列，你可以从前面的例子看出，使用序列实例名的默认设置和序列的颜色，图例可以通过添加额外的单元列到CellColumn集合上进行扩展，还可以添加列标题，便于更好地理解图例。在下面的例子，标题“Name”和“Color”已经添加到默认图例实例上。
每个序列的图例文本由序列自身控制，在每个序列实例上使用LegendText属性以改变图表上图例的文本，你也可以给图例一个标题。在下面的例子，图例被标题为“图例”，除此之外，你还可以输入文本，你也可以设置属性来处理标题的对齐、颜色和字体，你会发现大部分MSChart属性这类操作和自定义，只要你愿意。
最后，图表的图例有两种放置方法，默认是在ChartArea外部，位于右侧，紧挨ChartArea。另一种是通过坐标进行精确控制，停靠在ChartArea内，通过设置ChartArea对象的DockedToChartArea属性实现。
标题
标题和前面讨论到的其它属性类似，为每个标题创建独立的实例时，图表控件会在标题集合中保留这些标题实例，理解标题的最好方法是将其认为是一个标签控件，这意味着标题可以顶端居中、左端居中、顶端居左和底部居右。
在下面的例子中，图表拥有一个字体大小，顶端居中的标题，叫做“My First Chart”。
提示和技巧
3D透明性：可以在序列上使用一些透明属性让3D图表看起来更漂亮，在设计时，可以将Alpha值添加到要使用的颜色的RGB代码中，在属性窗口中，选择序列集，选择一个序列，在该序列的属性窗口上，在现有的3个RGB值前添加一个Alpha值，你可以使用下面的代码完成同样的任务：
1.chart1.Series["Series1"]. 2.Color = Color.FromArgb(220, 123, 123, 123); 利用设计器：在大多数时候，在代码运行时才配置图表控件的属性和配置选项是很愚蠢的，当你的应用程序以静态的方式使用图表时（如一直都是两个序列的条形图），在设计时，设计器允许你配置和查看图表。另一方面，如果你倾向于动态使用图表（如一会儿是饼图，一会儿是线状图，用户在运行时可以自行修改），这种情况需要代码在运行时修改设计，不用为每种图表类型都手动创建代码，使用设计器创建后，从设计文件中去除多余的代码，这样可以节约你编码和决定使用哪个属性的时间。
逻辑名：这是一个通用的优秀编程习惯，在创建ChartAreas、Series和Titles等时，请确定都给它们取了名字，并且是容易记住的，例如，chart1.Series["Series1"]…, chart1.Series["Series2"]…就比chart1.Series["salesrepearningquarter"]…, chart1.Series["salesrepcomdatabyquarter"]…更容易引入错误。
小结
微软的ASP.NET 3.5图表控件提供了强壮的、灵活的和可自定义的图表控件，为显示提供给用户的信息提供了一种更简单可接受的方法，本文讲了ChartAreas控件图表的高级属性，现在你可以开始创建好看的图表赢得客户的欢心。
微软新发布的图表控件MSChart，依赖于Framework3.5 sp1的环境，从制作出的效果来看，非常漂亮。最近花时间研究了下，算是好用的，功能也很强大，建议大家可以试试。
2维柱状图
2维范围图
3维点图
3维饼图
3维金字塔图
3维柱状图
先从安装开始，下载地址：
控件：Microsoft .NET Framework 3.5 的 Microsoft 图表控件(Microsoft Chart Controls for Microsoft .NET Framework 3.5
语言包：Microsoft Chart Controls for Microsoft .NET Framework 3.5 Language Pack
vs2008集成控件：Microsoft Chart Controls Add-on for Microsoft Visual Studio 2008
文档 （Microsoft Chart Controls for .NET Framework Documentation）
WinForm 和 Asp.net的例子（Samples Environment for Microsoft Chart Controls）
添加到项目：
安装好1中的3项后，s2008的工具栏中即会出现MSChart控件
拖放到界面：
介绍MSChart的常用属性和事件
MSChart的元素组成
最常用的属性包括
ChartAreas：增加多个绘图区域，每个绘图区域包含独立的图表组、数据源，用于多个图表类型在一个绘图区不兼容时。
AlignmentOrientation：图表区对齐方向，定义两个绘图区域间的对齐方式。
AlignmentStyle：图表区对齐类型，定义图表间用以对其的元素。
AlignWithChartArea：参照对齐的绘图区名称。
InnerPlotPosition：图表在绘图区内的位置属性。
Auto：是否自动对齐。
Height：图表在绘图区内的高度（百分比，取值在0-100）
Width：图表在绘图区内的宽度（百分比，取值在0-100）
X,Y：图表在绘图区内左上角坐标
Position：绘图区位置属性，同InnerPlotPosition。
Name：绘图区名称。
Axis：坐标轴集合
Title：坐标轴标题
TitleAlignment：坐标轴标题对齐方式
Interval：轴刻度间隔大小
IntervalOffset：轴刻度偏移量大小
MinorGrid：次要辅助线
MinorTickMark：次要刻度线
MajorGrid：主要辅助线
MajorTickMark：主要刻度线
DataSourceID：MSChart的数据源。
Legends：图例说明。
Palette：图表外观定义。
Series：最重要的属性，图表集合，就是最终看到的饼图、柱状图、线图、点图等构成的集合；可以将多种相互兼容的类型放在一个绘图区域内，形成复合图。
IsValueShownAsLabel：是否显示数据点标签，如果为true，在图表中显示每一个数据值
Label：数据点标签文本
LabelFormat：数据点标签文本格式
LabelAngle：标签字体角度
Name：图表名称
Points：数据点集合
XValueType：横坐标轴类型
YValueType：纵坐标轴类型
XValueMember：横坐标绑定的数据源（如果数据源为Table，则填写横坐标要显示的字段名称）
YValueMembers：纵坐标绑定的数据源（如果数据源为Table，则填写纵坐标要显示的字段名称，纵坐标可以有两个）
ChartArea：图表所属的绘图区域名称
ChartType：图表类型（柱形、饼形、线形、点形等）
Legend：图表使用的图例名称
Titles：标题集合。
width：MSChart的宽度。
height：MSChart的高度。
常用事件：
Series1.Points.DataBind()
绑定数据点集合，如果要在一个MSChart控件的一个绘图区(ChartArea)内添加多个不同数据源的图表，就用这个主动绑定数据集合的方法。可以将表中指定字段的值绑定到指定的坐标轴上。
MSChart1.DataBind()
给整个MSChart绑定一个数据源，该MSChart中的图表全部可以使用该数据源作为统计来源。
示例：
private void BindGrid()
{
chart2.Width = 800;
chart2.Height = 600;
//作图区的显示属性设置
//chart2.ChartAreas["ChartArea1"].AxisX.IsMarginVisible = false;
//chart2.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = false;
//背景色设置
chart2.ChartAreas["ChartArea1"].ShadowColor = Color.Transparent;
chart2.ChartAreas["ChartArea1"].BackColor = Color.FromArgb(209, 237, 254); //该处设置为了由天蓝到白色的逐渐变化
chart2.ChartAreas["ChartArea1"].BackGradientStyle = GradientStyle.TopBottom;
chart2.ChartAreas["ChartArea1"].BackSecondaryColor = Color.White;
//X,Y坐标线颜色和大小
chart2.ChartAreas["ChartArea1"].AxisX.LineColor = Color.FromArgb(64, 64, 64, 64);
chart2.ChartAreas["ChartArea1"].AxisY.LineColor = Color.FromArgb(64, 64, 64, 64);
chart2.ChartAreas["ChartArea1"].AxisX.LineWidth = 2;
chart2.ChartAreas["ChartArea1"].AxisY.LineWidth = 2;
chart2.ChartAreas["ChartArea1"].AxisX.Title = "时间";
chart2.ChartAreas["ChartArea1"].AxisY.Title = "灰量";
//中间X,Y线条的颜色设置
chart2.ChartAreas["ChartArea1"].AxisX.MajorGrid.LineColor = Color.FromArgb(64, 64, 64, 64);
chart2.ChartAreas["ChartArea1"].AxisY.MajorGrid.LineColor = Color.FromArgb(64, 64, 64, 64);
//X.Y轴数据显示间隔
chart2.ChartAreas["ChartArea1"].AxisX.Interval = 1.0; //X轴数据显示间隔
chart2.ChartAreas["ChartArea1"].AxisX.IntervalType = DateTimeIntervalType.Days;
chart2.ChartAreas["ChartArea1"].AxisX.IntervalOffset = 0.0;
chart2.ChartAreas["ChartArea1"].AxisX.IntervalOffsetType = DateTimeIntervalType.Days;
chart2.ChartAreas["ChartArea1"].AxisX.LabelStyle.Format = "M-d";
chart2.ChartAreas["ChartArea1"].AxisY.Interval = 200;//y轴数据显示间隔
//X轴线条显示间隔
//chart2.ChartAreas["ChartArea1"].AxisX.MajorGrid.IntervalType = DateTimeIntervalType.Hours;
chart2.Palette = ChartColorPalette.Pastel;
string sql = "select sum(zhl) zhl, input_date, ash_type_name from (" +
" select sum(t.second_load - t.first_load) as zhl," +
" to_date(to_char(t.input_date, 'dd/mm/yyyy')||'00:00','dd/mm/yyyy hh24:mi:ss') as input_date," +
" u.ash_type_name" +
" from transportation_bill t, ash_type u" +
" where t.ash_type_id = u.ash_type_id" +
" and (t.input_date between to_date('2009-6-11','yyyy-mm-dd') and to_date('2009-6-20','yyyy-mm-dd'))" +//此处加按日期查询的条件
" and t.sale_organization_id = 1" +//此处加用户所在机构查询条件
" group by u.ash_type_name, t.input_date" +
" order by t.input_date" +
")" +
" group by ash_type_name,input_date" +
" order by input_date";
DataTable dt2 = OracleHelper.ExecuteDataTable(OracleHelper.ConnectionString, CommandType.Text, sql, "T", null);
chart2.DataBindCrossTable(dt2.DefaultView, "ash_type_name", "input_date", "zhl", "", PointSortOrder.Ascending);
foreach (Series sr in chart2.Series)
{
sr.ChartType = SeriesChartType.Spline;
sr.XValueType = ChartValueType.Date;
sr.MarkerStyle = MarkerStyle.Circle;//散点样式
sr.MarkerSize = 5;//默认是5，散点大小
sr.MarkerStep = 1;//默认是1，散点频率
sr.MarkerColor = 1;//默认是透明，散点颜色
sr.BorderWidth = 2;
}
//chart2.Legends["Default"].Docking = Docking.Left;
}
代做毕业设计和论文 私活, 需要.net,asp.net ,mvc ef cs 客户端,bs 网站项目开发的请私信我,