如何在web网页实现图表

1．首先创建项目MyWebChart 2．添加组件于工具箱 进入项目后在工具箱中右击鼠标，单击“添加/移除项”，进入“自定义工具箱”，单击“浏览”按钮，找到WebChart.dll文件，在ChartControl组件名称上打钩，单击“确定”。

1. 登录报表端

任意用户登录，都可使用即席报表设计器创建自己的报表，模型是创建报表的基础，因此用户登录成功后首先要选择提供数据支持的模型，选择AR Server提供的Active Tunes模型后，点击“创建报表“；

2.进入报表设计器，点击菜单栏中“报表”项，拖拽文本框到页眉区域，双击文本框输入“Employee List“，左侧面板“实体树”中呈现所有的实体，选择报表需要的实体“Employee“，长按鼠标左键，将其拖拽到主面板中。您可以选择创建报表的类型。如表格报表或图表报表。

3. 本例中选择表格类型，点击表格上方三角标志，选择“在右侧插入列“或直接点击列上方向左或向右箭头，直接在左侧或右侧插入列，在”属性树“面板中，选择显示属性拖拽到相应列的表格详细数据中。

具体的实现，请参考下面的博客、

http://blog.gcpowertools.com.cn/post/ActiveReportsServer_GetStarted_AdhocDesigner.aspx

对许多不熟悉HTML的朋友来说，还以为是使用了CSS、JavaScript等技术，其实不然。 看完下面的内容你就会明白了。

控制表格边框的显示

对使用Dreamweaver、FrontPage等所见即所得的网页编辑软件的朋友来说，很难控制表格的上下左右的边框显示与隐藏，其实你只要在HTML中的〈table〉〈/table〉标签页中添加一项 “frame” 属性即可。

不显示表格边框(frame=void)

只显示表格的上边框(frame=above )

只显示表格的下边框(frame=below )

只显示表格的上下边框(frame=hsides)

只显示表格的左右边框(frame=vsides)

只显示表格的左边框(frame=lhs)

只显示表格的右边框(frame=rhs)

例如，〈table width="75%" border="1" frame=void/above/below/hsides/vsides/lhs/rhs cellpadding="0" cellspacing="0"〉〈/table〉控制表格行与列的分割线

在网页设计中，如果版面没设计好，那么这个网页可以说是失败的。利用表格进行分栏，可以达到整齐排版的目的，美化你的网页外观。所谓分栏，就是让你的网页变成一个大表格，然后根据你的版面设计和内容安排，将这个表格分成不同的行和列，调整各个行和列的宽度和高度，以达到你排版的要求。当然了，你还可以在表格之中再嵌套表格，以达到更加复杂的排版需要。在设计过程中你可以灵活设置单元格边距和单元格间距的数值。在HTML语言中表格的分割线是由“rules” 属性来决定的。所以我们可以通过手工修改源代码的方法来控制分割线的显示与隐藏。

1、显示所有分割线(rules=all)

如〈table width="75%" border="1" rules=all cellpadding="0" cellspacing="0"〉

2、不显示任何分割线(rules=none)

3、只显示行与行之间的分割线(rules=rows)

4、只显示列与列之间分割线(rules=cols)

用表格边框实现单线显示

用线条来美化网页是网页设计者经常使用的手法之一。在网页中除了用〈hr〉标记来实现插入水平线外，我们还可以用表格来实现。FrontPage 2000默认的表格线比较粗，但只要稍加处理，就可以制作出一个细线表格，细线表格非常娟秀小巧，很有个性。它的具体 *** 作方法是：在表格属性中将边框粗细设为“1”，将单元格边距和单元格间距设置为“0”，同时将亮边框设置成与表格背景相同的颜色，暗边框设成你想要的任一颜色即可，怎么样，细线表格出现了吧。

---