TeeChart柱状图插件使用文档.doc

一、TeeChart使用说明1. 添加引用一下DLL文件到项目中。工具箱中右键打开选择项，如上图所示在筛选器中打开浏览找到项目中的TeeChart.dll文件点击打开，完成后工具栏中将会出现teechart控件的图表2. 创建一个webchart控件到页面中3. 编辑属性4. 在上图中添加series ，设置teeChart Gallery属性5. 设置数据库连接6. 必要参数设置如何在项目中使用破解版本的TeeChart？1、建一个aspx文件Default.aspx；2、在设计视图中拖进去一个控件；3、在属性窗口的杂项中，将GetChartFile设置成GetChart.aspx（默认） 将TempChart属性设置成Session 新建aspx文件GetChart.aspx，在GetChart.aspx.cs中写入以下代码:using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;/ / 为了覆盖session变量中的图表, 新建一个页面,命名为GetChart.aspx/ public partial class GetChart : System.Web.UI.Page / / 将图片存储在session变量中 / / / protected void Page_Load(object sender, EventArgs e) string chartName = Request.QueryStringChart; if (SessionchartName != null) System.IO.MemoryStream chartStream = new System.IO.MemoryStream(); chartStream = (System.IO.MemoryStream)SessionchartName); Response.OutputStream.Write(chartStream.ToArray(), 0, (int)chartStream.Length); chartStream.Close(); Session.Remove(chartName); 如何将GetChart.aspx拷贝到当前的工程目录下。（注意：这个文件要设置好，不然图片显示一个叉叉，在这里花了好多时间）4、打开Default.aspx.cs： 加入名称空间using Steema.TeeChart.Styles; 进入Page_Load()方法： 新增一个曲线的对象：。详细请参考TeeChart工程源代码二、TeeChart类的属性和方法. TeeChart的主类是TChart。TChart中使用了56个类、325个属性、125个方法以及28个事件，这使得TChart具有非常强大的功能。下面简单地介绍其中一些重要类的属性和方法，后面我们会针对部分常用类的属性做详细的介绍和说明。 . TChart.Height：图表的高度（像素）； . TChart.Width：图表的宽度（像素）； . TChart.Header：图表的题头(Ititles类)； . TChart.Series：序列(Series类的数组)； . TChart.Axes：坐标轴(Iaxes类)； . TChart.Legend：图例(Legend类)； . TChart.Panel：面板（Ipanel类）； . TChart.Canvas：画布（Canvas类）。 . Series是要显示的数据的主体。在一个图表中可以有一个或多个序列，每个序列可以有不同的显示类型，如Line、Bar、Pie等等。 . Axes控制图表坐标轴的属性，在缺省的情况下，坐标轴可以自动地根据不同的数据设置好标度范围和间隔，当然也可以手工调整。 . Legend控制图表的图例显示。Legend是图表中的一个长方形的用来显示图例标注的区域。可以标注Series的名称或者Series中的项目和数值。 . Panel可以设置图表的背景。可以使用渐变的颜色或者图像文件作为整个图表的背景 . Canvas可以让设计者绘制自己的图形。使用方法和Delphi中的Canvas一样。有TextOut、LineTo、Arc等各种画图的方法可以调用。 . TChart的一些属性实际上是其他类的变量，这些类又具有自己的属性和方法。如Ititles类又具有Text、Color、Font等属性，我们可以用这些属性来设置题头的文本、颜色和字体。 . TeeChart和其他的图表控件相比，有一个非常重要的特点是TeeChart可以把图表保存为一个JPEG格式的图形文件。调用格式如下： TChart.Export.SaveToJPEGFile (FileName,Gray,Performance,Quality,Width,Height) ;三、主要属性模块介绍：1、General General包括打印预览和报表导出，加上下面三个部分：Margins,Zoom,Scroll.这里我们只处理Margins,Zoom,Scroll和ClipPoints在后面的向导中是默认的。Margins定义为Chart Border和Chart Frame之间的距离。运行时的属性为：TChart1.Panel.MarginTop TChart1.Panel.MarginLeftTChart1.Panel.MarginRightTChart1.Panel.MarginBottom例如，TChart1.Panel.MarginLeft = Hscroll3.Value；2、Axis轴的控制是一个复杂最高级的相当专用的区域。在图表里有5个轴，Left, Top, Right, Bottom和Depth，促使轴和框架显示的关键属性有：Visible。该复选框用于使所有的轴显示或不显示。runtime：TChart1.Axis.Visible = True；轴: Left, Right, Top, Bottom and Depth Visible选择中列表框中你想要显示的轴，切换到Scales tab，选中复选框Visible，来控制选择特定轴的显示。runtime：TChart1.Axis.Bottom.Visible = False；3、Titles Text图表编辑的标题页控制图表标题，头部和尾部的的特性。使用下拉框选择Title (Header), SubTitle，Foot或SubFoot。在文本框中输入所要求的文本。您可以输入多行标题。标题的文本属性是一个OLE字符串控件，您可以给标题添加多行。例如，TChart.Header.Text.Add(My First Line);TChart.Header.Text.Add(My First Line);然后您可以修改文本的行。例如，TChart1.Header .Text(0) = my1stline revised；Style Alignment（对齐）对齐方式有center，right和left。Runtime: TChart1.Header.Alignment = taCenter； Position使用Position来覆写标题或脚部的缺省位置，并设置一个习惯性的位置。Runtime:TChart1.Header.CustomPosition = True；TChart1.Header.Top = TChart1.Header.Top + 30；Format包含标题框的设置，例如框架，背景，颜色等。例如 Pattern样式涉及到标题或脚部框的背景样式。Runtime:TChart1.Header.Transparent = False；TChart1.Header.Brush.Style = bsFDiagonal；Text选项卡 包含标题显示的格式化特性。例如Font，点击字体按钮将会出现字体对话框，容许选择Windows 字体和样式与颜色的定义。Runtime:TChart1.Footer.Font.Name = Verdana;TChart1.Footer.Font.Bold = True;Gradient(梯度) 打开或关闭标题框中的背景梯度并选择其方位和颜色。Shado对头部和脚步阴影显示的属性进行设置，可以定义颜色和大小。Runtime:TChart1.Header.Transparent = False；TChart1.Header.ShadowColor = vbCyan；4、Legend（图例） 在图表编辑的图例选项卡里，您可以定义图例的显示。重要的初始步骤是图例的对齐和可见属性，包括颜色，字体，框架和阴影等。 5、Panel（面板）(1)边缘点击边缘按钮 会跳出设置边缘（这里的边缘指的是TeeChart最外围的那个边！也不知道能不能理解！最外面哦！）的线条（实现，虚线，点线等）， 线的宽度，透明度，样式（扁平，正方形，边缘为圆的矩形！）面板上面有个 Round Border 可以设置 边缘为圆的矩形的圆半径（像素）下面有两个GBox可以通过下拉框切换设置！ 可以通过斜面设置 内外斜面的凹凸及颜色！另外一个Image Bevel 类似于边框！(2)背景 可以设置边缘内的背景，可以是单色，渐变，花纹，图像，还可以选择透明度！（关于透明度，和透明，透明度调整还可以看到，点击透明就相当于 Visble=false）(3)边界 设置图表距离边缘的距离，这个距离可以防止横纵坐标，一些Tools，请自己酌情修改！(4)渐彩 设置渐彩样式，颜色等(5)阴影 设置阴影的样式，颜色 通过TeeChart面板选项卡容许您从根本上增强图表的显示。关键区域有：Background例如面板颜色,它能根据所选的颜色来绘制整个图表的背景颜色。如果您选择了背景梯度或back image,将会隐藏面板颜色。如果您设置了背部颜色，它将会替代图表框架的面板颜色。例如BackImage，您可以选择任何.bmp文件作为BackImage, BackImage会在图表面板上被集中,平铺,伸展,或者会被限制到图表框架的边界.Runtime:使用Panel.BackImageLoad为图表添加BackImage。TChart1.Panel.BackImageLoad C:.myfile.emf；Border（边界）您可以独立地定义边界或者与斜面(Bevel)属性相结合。通过边界的设置你将会得到下陷的边界，它将影响图表面板的外部。Mixing Bevel，Border和manipulating Width将会给出所有3D效果的组合。Gradient（梯度）为了定义梯度，您必须选择一个StartColor和EndColor（加上，可选的MidColor），然后让梯度可见。梯度将会覆盖所有的图表面板。梯度的方位定义了在StartColor，EndColor和MidColor之间颜色改变的方位。Runtime:TChart1.Panel.Gradient.Visible = True；TChart1.Panel.Gradient.StartColor = vbRed；TChart1.Panel.Gradient.MidColor = vbWhite；TChart1.Panel.Gradient.EndColor = vbBlue；TChart1.Panel .Gradient.Direction = gdFromTopLeft；6、Walls（壁板）图表后方及3D情况下的左和下放的后层模板，背景色，透明度的设置。有4个壁板，左，右，底，和后。它们可以以2D或者3D的形式显示。7、3D对于TeeChart Pro version 5，3D是极其灵活的。3 Dimensions选择这个属性会使图表在设计状态将3D的图表转换为2D的图表，这个设置在运行时也是有效的。3D %控制3D效果的程度。改变该属性的值将会在设计时态显示3D百分比改变的效果。Orthogonal当它关闭时，会使Windows Native 3D容许您去旋转，提升和抵消图表。通过zoom，可以提前或者移去整个图表。通过Perspective属性您可以设置透视距离，就好像看一间房子一样。Perpsective提供了一个可视化的效果以增强图表用于演示的目的。8、Paging（分页） TeeChart分页允许将一个图表分为若干要点页，并可以让图表通过分页浏览通过。四、Chart分页设置 如果图表的数据源包含的数据超出了一张图表能显示数据的范围，您可以将图表分页显示，这可以通过图表编辑或编写代码来实现。1. 使用图表编辑分页页的大小可由图表编辑器来定义，该编辑对话框对于为项目添加分页按钮或TChartPageNavigator组件或者使图表编辑器在运行时态可见，都是很重要的。在Points per Page中，输入你想在图表页中显示的Series points。如果使用编码，直到运行项目时，navigation按钮才会被强调显示。如果你连接了odbc数据源，你应该可以在设计时态看到分页的效果。2. 使用ChartPageNavigator控件分页TeeChart Pro v5中新增的功能，ChartPageNavigator控件提供了直观的图表分页导航，类似于数据库记录中的导航。例如，ChartPageNavigator