具有细微洞察力的人应该都见过上面这张或是与之类似的图,他广泛地应用于股票领域,但远不止如此,如今在各种场合特别是商业领域中,用图表的方式来说明某些问题,既醒目美观大方也具有强烈的说服力,用以承载这一重大使命的核心就是图表。图表,这种能集成在桌面应用程序,web应用程序,甚至包括袖珍电脑智能手机的核心技术已经广泛应用于IT行业中的各个领域,当然,使用不同的架构,所使用的技术就会有区别。在这一系列中主要来讨论在web应用程序中图表的实现。共分为4节来探讨:
第一节 ASP.NET图表之Chart组件(上)
第二节 ASP.NET图表之Chart组件(下)
第三节 ASP.NET图表之第三方组件ZedGraph
第四节 ASP.NET图表之集成Silverlight中的图表
在第一节中主要探讨微软提供的一个Chart组件的基本内容;第二节中会用到动态数据的绑定,即连接到数据库;第三节会谈到通过一个第三方控件来显示图表;第四节则会用到集成.net框架集中的Silverlight技术来实现图表功能。
开始第一节的内容,随着.net 3.5的发布,微软同时发布了一款图表组件--Chart,只是没有集成到.net框架集中,官方下载地址为: http://www.microsoft.com/downloads/details.aspx?di splaylang=zh-cn&FamilyID=130f7986-bf49-4fe5-9ca8-91 0ae6ea442c,2010年.net 4.0发布,并将Chart组件集成于其中
Chart控件主要由以下几个部分组成:
u Titles 注释域
u Legends 说明域
u Series 数据源
u ChartAreas 图表域
u Annotations 注释域
u BorderSkin 边框皮肤
u MapAreas 图表映射域
从以上列表中可见,有些项是以复数形式出现的,这就说明在一个图表中可以有多个图形区域,多个数据源,多个标题等。
Chart的形状有很多种,可以在源视图中进行设置,也可以在Chart的Series集合项中设置ChartType属性,具体设置和呈现如下:
点状图
线状图
柱状图
饼状图
以上显示的是2D效果,可以通过设置在Chart的Series集合项中设置Area3DStyle-Enable3D属性为3D效果。
具体示例如下:
第一节 ASP.NET图表之Chart组件(上)
浏览效果如下: