logo Teechart应用技术详解——快速图表制作工具 我也要发布文档

第八章之Teechart动态应用的ASP脚本


Steema公司和慧都科技针对中国市场联合推出中文版TeeChart for .NET图表控件,一共汉化2000个词条(17000个单词),汉化文档35000个单词,包括控件设计时与运行时的界面汉化以及控件使用向导文档的汉化,总汉化90%以上!

TeeChart for .NET中文版让您在使用和学习上没有任何语言障碍,至少可以节省30%的开发时间。TeeChart for .NET中文版具有易上手,使用方便,稳定性好,性价比高,价格优惠等优势,并且针对Web应用提供无限制服务器分发授权方式,非常有利于产品集成。

点击下载TeeChart for .NET最新试用版


在Teechart应用的ASP脚本中叙述的是一个静态应用过程,图中显示的数据是固定不变的,而实际应用中往往这些数据是不断变化的,并且存放在远程或本地数据库中,因此需要不断的从数据库中读取数据进行动态显示,数据库内容的更新使得图表的显示也随之更新,具有一定的时效性。这里介绍如何使用ASP脚本语言,利用ADO技术连接本地Access数据实现动态显示效果的方法。


建立数据库

打开Microsoft Office Access系统,建立一个dbl.mdb的空数据库,然后,使用设计新建一个“数据库表视图“表1,在设计器中增加“分类”和“”两个字段,前者为字符型,后者为数值型,然后输入数据如下图所示。

脚本编写与显示效果

  • 创建图表对象 TChart 1。
Set TChart1= CreateObject ("TeeChart.TChart")
  • 设定图表高、宽、标题和背景颜色
TChart1.Height=550
TChart1.Width=850
TChart1.Header.Font.Size=25                     //标题字体大小
TChart1.Header.Text(0)="2007第一季度销售额统计图"标题
TChart1.Panel.Gradient.Visible= True           //图表设有底色
TChart1.Panel.Gradient StartColor=RGB(250,0,250) //图表底色开始颜色
TChart1.Panel.Gradient. EndColor=RGB(0,255, 0) //图表底色结束颜色
TChart1.Aspect.Chart3DPercent =40//若是3D图形,表示其倾斜度
  • 设定Y轴标题、字体、大小和颜色。
TChart1.Axis.Left.Title.Caption="金额(万元)"              //Y轴标题
TChart1.Axis.Left.Title.Font.Size= 15                          //Y轴标题字体大小
TChart1.Axis.Left.Title.Font.Name="楷体_GB2312”        //Y轴标题字体
TChart1.Axis.Left.Tit1e.Font.Co1or=RGB(255,255,128)//Y轴标题颜色
  • 设定X轴标题、字体、大小和颜色。
TChart1.Axis.Bottom.Tit1e.Caption="图书分类" //X轴标题
TChart1.Axis.Bottom.Title.Font.Size= 15 //x轴标题字体大小
TChart1.Axis.Bottom.Title.Font Name="楷体_ GB2312"/ /X轴标题字体
TChart1.Axis.Bottom.Title.Fon.Co1or=RGB(255,255,128)//X轴标题颜色
  • 设定显示序列和各点颜色不同。
TChart1.AddSeries(1)
TChart1.Series(0).ColorEachPoint=true
  • 建立ADODB.Connection连接对象。
Set Conn= Server.CreateObject("ADODB.Connection")//建立ADODB.Connection连接
  • 建立 Recordset对象
Set Rst-Server.CreateObject("ADODB.Recordset") //建立Recordset对象
  • 设定连接命令串和SQL查询语句
Conn.Open"driver=(microsoft access driver { *.mdb)};dbq="&server.mappath("dbl. mdb*)
strsql="select*from 表1”
  • 打开数据查询。
Rst.Open strsql, conn, 1, 1
  • 设定序列的数据源、X和Y轴与数据库表字段的对应关系。
TChart1.Series(0).Datasource =rst //数据
TChart1.Series(0).LabelsSource="分类” //轴标签对应表的字段
TChart1.Series(0).YValues.ValueSource="数量"//Y值对应表中的字段
  • 设置序列Y标签可见
TChart1.Series(0).Marks.Visible=True
TChart1.Series(0).Marks.Style=0//显示格式
  • 保存生成图形文件为JPEG格式。
TChart1.Export.SaveTOJPEGFile
server.mappath("MyChart. jpg"),False,JPEGBestQuality,100,TChart1.Width,TChart1.Height
  • 释放初始状态建立的对象。
Set TChart1=nothing//释放图表对象
Rst.Close //关闭Rst对象
Set Conn=nothing//释放建立的连接
  • 显示图像文件。
img src="MyChart. jpg"
当生成ASP1.asp文件后,将该文件和创建的数据库文件 dbl.mdb一同保存在ASP脚本测试方法中指定的 MyWeb文件夹中,用 Internet Explorer浏览后生成的图像文件如下图所示。

相关资料推荐:

上一章:Teechart应用的ASP脚本

Teechart 2019资源合集

=====================================

TeeChart for .NETTeeChart for JavaScript/HTML5TeeChart for Xamarin.Android等均已加入在线订购,现在抢购可立享优惠!

关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。

慧聚IT