首页 > 代码库 > 图表ASP:Chart

图表ASP:Chart

ASP:Chart 属性

 System.Web.UI.DataVisualization.Charting 命名空间包含用于图表 Web 服务器控件的方法和属性。

详细了解Chart类http://msdn.microsoft.com/zh-cn/library/dd467201.aspx

要使用ASP:Chart 先执行下面3步

1、vs2008安装MSChart_VisualStudioAddOn.exe,vs2010则安装MSChart.exe  点击下载Chart.rar

2、vs2008 安装MSChart_VisualStudioAddOn.exe后,工具箱里仍没有Chart控件,这时要修改Web.Config 文件: 
  ①Add this under the controls tag (path: " <system.web> <pages> <controls>") : 

View Code

  ②And add this httpHandler (under " <httpHandlers>") : 

View Code

3.添加引用System.Web.DataVisualization.dll  点击下载System.Web.DataVisualization.rar

 

先大概了解一下各个属性对应的图标

  以下列出ASP:Chart常用属性设置项,一个简单的例子

Chart Chart 控件的根类

NameTypeDescriptionDesfault
 ID string 获取或设置该编程标识符分配给服务器控件。 
 Height int 获取或设置整个图表图像的高度(以像素为单位)。

备注:不能以%表示,必须是确定值 

 
Width int 获取或设置整个图表图像的宽度(以像素为单位)。

备注:不能以%表示,必须是确定值 

 
 BackColor string 获取或设置 Chart 对象的背景色的基本色。 
 BorderColor string 边框颜色 
 BorderWidth int

 边框粗细

 
 BorderDashStyle string 获取或设置带状线的边框样式。线条可以是实线、虚线,或实线和虚线的某些变体。 
 BackGradientStyle

 

枚举类 

GradientStyle

 获取或设置 Chart 控件的背景渐变方向。 还确定是否使用渐变。

值:参考GradientStyle

 None
 BackSecondaryColor Color

 获取或设置图表背景的辅助颜色,将在应用渐变颜色时使用,或表示阴影线颜色。

值:任何有效的 ARGB(alpha、红、绿、蓝)值。

 Empty
 DataSource  获取或设置 Chart 对象的数据源。 
 Palette

枚举类 

ChartColorPalette

 获取或设置 Chart 控件的调色板。

调色板用于在同时满足以下两个条件的情况下自动将颜色分配给数据元素:

1、数据点本身没有指定的颜色。2.数据点所属的数据系列也没有指定的颜色。

 None
 PaletteCustomColors Color[]

 获取或设置自定义调色板颜色的数组。

注:如果需要 16 种以上的颜色,或者想要将自己的颜色应用于图表,则必须定义自定义调色板。

Palette设为None才起作用

 
 ImageLocation string 获取或设置执行 ImageTag 呈现时,图像文件的保存位置 
 ImageType string 获取或设置在使用 ImageTag 呈现时呈现图表的图像的类型。 

 

 

 

 

 

 

 

 

注:

GradientStyle:None,LeftRight,TopBottom,Center,DiagonalLeft,DiagonalRight,HorizontalCenter,HorizontalCenter

ChartColorPaletteNone,Bright,Grayscale(灰度颜色),Excel,Light,Pastel(浅色),EarthTones,SemiTransparent(透明色),Berry,Chocolate,Fire,

SeaGreen。BrightPastel

 

Chart子元素

Titles  表示整个图表图像的标题。

 Name Type DescriptionDesfault 
 ForeColor Color 获取或设置标题文本的颜色。 
 Docking

枚举类 

Docking

 获取或设置一个决定标题停靠位置的值。 
 Font Font 获取或设置标题的字体。 
 Text string 获取或设置标题的文本。 

 

 

 

 

 

                                                

Legends  表示图表图像的图例。

Name Type DescriptionDesfault 
Docking

枚举类 

Docking

获取或设置一个确定图例停靠位置的值。

起作用条件:Position 属性设置为 Auto

Right
Enabled

 bool

获取或设置一个确定图例是否启用的值。 true
 FontFont获取或设置用于设置图例字体属性的 Font 对象。 
ForeColorColor获取或设置图例文本的颜色。 
IsDockedInsideChartAreabool

获取或设置可指示图例是停靠在图表区域内还是其外的标志。

注:只有在将 DockedToChartArea 属性设置为 ChartArea 对象的名称,Position

属性设置为 Auto的值的情况下,则此属性才会有效

false
IsTextAutoFitbool获取或设置一个标志标题文本是否自动调整大小。 
LegendStyleLegendStyle获取或设置图例表样式。Table
Name string获取或设置图例的名称。 

 

 

 

 

 

 

 

 

LegendStyle:Column,Row,Table

Docking:Top,Right,Bottom,Left

Series  存储数据点和序列特性。

NameTypeDescriptionDefault
ChartTypeChartType获取或设置序列的图表类型。 
IsValueShownAsLabelbool获取或设置一个标志,该标志指示是否在标签上显示数据点的值。false
LabelFormatstring获取或设置数据点标签的格式。 
Namestring获取或设置 Series 对象的唯一名称。 
Points

DataPointCollection

对象

获取 DataPointCollection 对象,(数据点集) 
ToolTipstring获取或设置数据点的工具提示。 
 XValueMemberstring获取或设置用于将数据绑定到系列的 X 值的图表数据源成员列。(datasource中字段名) 
 YValueMembersstring获取或设置要用于将数据绑定到序列 Y 值的图表数据源的成员列。(datasource中字段名) 

 

ChartAreas  表示图表图像上的图表区域。

NameTypeDescriptdefault
AxisX 获取或设置表示主 X 轴的 Axis 对象。 
AxisX2 获取或设置表示辅助 X 轴的 Axis 对象。 
AxisY 获取或设置表示主 Y 轴的 Axis 对象。 
AxisY2 获取或设置表示辅助 Y 轴的 Axis 对象。 
Namestring获取或设置 ChartArea 对象的唯一名称。 
AxisX.MajorGrid.Enabledbool设置图标区域的网格是否可见true

 

BorderSkin  表示三维边框外观的绘制属性。

NameTypeDescriptionDefault
SkinStyleColor获取或设置边框外观的样式。 
BorderColorBorderSkinStyle获取或设置边框外观框架的边框颜色。None

 

BorderSkinStyle :None,Emboss(Sunken),Raised(凸起),Sunken(凹陷),FrameThin1...

例子:

.aspx前台代码

View Code

.aspx.cs 后台代码

View Code

最终效果:

 效果图

注意:

如果 Chart 和 Series 对象的 Palette 属性都设置为 None,且没有向相关的数据系列或数据点分配任何颜色,则不绘制数据点,数据点将显示为“空”区域。

图表ASP:Chart