如题,刚学ASP,一点头绪都没有,希望大家帮帮忙
最好有源代码的.
最好有源代码的.
解决方案 »
- 请问:将Javascript放在前台可以执行,为什么放在Js文件中就不执行了呢?
- 越想越迷糊了,到底什么时候用接口,什么时候用抽象类?
- 一个panel的显示问题
- 关于在UI中显示多线程中进度或者事件的一些问题
- 请问将控件添加到控件集合的指定索引位置
- C#中如何得到字串地址?
- Microsoft Visual Studio 2005 Team Edition简体中文版(含简体中文MSDN Library for Visual Studio 2005)
- 各位DX,如何在DATAGRID控件中合并某一列?
- 一个简单的winForm问题,在主窗体树形菜单部分,是放在另外一个窗体中的,通过new这个窗体在主窗体中显示,问题是..............
- 票据打印问题?
- C#中等效php的base64_decode函数如何写
- WinForm上网站自动登录时Cookie方面遇到的问题
Server 对象 错误 'ASP 0177 : 800401f3' Server.CreateObject 失败 /ad/3.asp,行 4 800401f3
自己去看看vml极道教程
4.asp:
<HTML xmlns:v="urn:schemas-microsoft-com:vml"xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>曲线</title><link rev="stylesheet" media="all" href="4.css" _fcksavedurl=""4.css"" _fcksavedurl=""4.css"" _fcksavedurl=""4.css"" _fcksavedurl=""4.css"" _fcksavedurl=""4.css"" _fcksavedurl=""4.css"" type="text/css" rel="stylesheet" />
<script src="4.js" language="javascript"></script>
</head><body class="curveBody">
<br><br>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td height="20"><div align="center" id="curve"></div></td></tr>
</table><script language="javascript">
//建立曲线对象
var vc = new VMLCurve(document.all.curve);
//设置X坐标值,从左至右
vc.configXValue = new Array('一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月');
//Y轴值
vc.configYValue = new Array('100','200','300','400','500','600','700','800','900','1000');
//设置坐标轴
vc.configXPerValue = 1;//x坐标间隔
vc.configXMinValue = 1;//x坐标最小
vc.configYPerValue = 200; //y坐标间隔
vc.configYMinValue = 200; //y坐标最小
vc.init("vc","曲线图","月","值");
//用数组设置点的横纵标值及提示信息,第一组曲线
var xValueArr = new Array(1,2,3,4,5,6,7,8,9,10,11,12); //X轴数据,
var yValueArr = new Array(320,280,420,550,600,700,800,720,190,940,590,340); //Y轴数据
var sValueArr = new Array('第1个点','第2个点','第3个点','第4个点','第5个点','第6个点','第7个点','第8个点','第9个点','第10个点','第11个点','第12个点'); //提示信息
vc.setPointsProp(2,1,'#ff6600','#ff6600');//设置圆点的属性
vc.setPointsValue(xValueArr,yValueArr,sValueArr);//画线
//用数组设置点的横纵标值及提示信息,第2组
var xValueArr1 = new Array(1,2,3,4,5,6,7,8,9,10,11,12); //X轴数据,
var yValueArr1 = new Array(330,230,430,530,630,730,830,730,130,930,530,330); //Y轴数据
var sValueArr1 = new Array('第1个点','第2个点','第3个点','第4个点','第5个点','第6个点','第7个点','第8个点','第9个点','第10个点','第11个点','第12个点'); //提示信息
//设置圆点的属性
vc.setPointsProp(2,1,'#aa3300','#aa3300');
vc.setPointsValue(xValueArr1,yValueArr1,sValueArr1);
//用数组设置点的横纵标值及提示信息,第2组
var xValueArr3 = new Array(1,2,3,4,5,6,7,8,9,10,11,12); //X轴数据,
var yValueArr3 = new Array(430,240,430,430,630,430,840,740,430,940,534,430); //Y轴数据
var sValueArr3 = new Array('第1个点','第2个点','第3个点','第4个点','第5个点','第6个点','第7个点','第8个点','第9个点','第10个点','第11个点','第12个点'); //提示信息
//设置圆点的属性
vc.setPointsProp(2,1,'#773300','#773300');
vc.setPointsValue(xValueArr3,yValueArr3,sValueArr3);
//用数组设置点的横纵标值及提示信息,第4组
var xValueArr4 = new Array(1,2,3,4,5,6,7,8,9,10,11,12); //X轴数据,
var yValueArr4 = new Array(630,540,330,230,430,130,640,440,730,540,334,230); //Y轴数据
var sValueArr4 = new Array('第1个点','第2个点','第3个点','第4个点','第5个点','第6个点','第7个点','第8个点','第9个点','第10个点','第11个点','第12个点'); //提示信息
//设置圆点的属性
vc.setPointsProp(2,1,'#CCCCCC','#CCCCCC');
vc.setPointsValue(xValueArr4,yValueArr4,sValueArr4);</script>
</body>
</html>4.css
v\:* { behavior: url(#default#VML);} o\:* { behavior: url(#default#VML);}
body {
margin:0px;
padding:0px;
font-size:12px;
text-align:left
}.pBlack {
font-weight:bold;
font-size:12px;
}.pRed {
font-weight:bold;
font-size:12px;
color:#FF0000;
}/*横坐标轴样式*/
.pMonth {
font-size:66px;
font-family:"黑体";
color:#CCCCCC;
letter-spacing: 3px;
}/*提示信息样式*/
.ToolTip {
padding:4px;
margin:4px;
background-color: #CCCCCC;
border: 1px solid #0066FF;
text-align:left;
}/*标题显示样式*/
.Title {
font-family:"宋体", "华文仿宋";
font-size:16px;
text-align:center;
font-weight:bold;
color:#996600;
vertical-align:middle;
}.curveBody{
margin:0;
padding:0;
height:20px;
font-size:12px;
}.curveForm{
margin:0;
padding:0;
height:20px;
font-size:12px;
}
* 作者:梦想年华
* 邮箱:[email protected]
* 主页:自由时代 [http://www.freeage.cn]
* 申明:转载,使用,修改请保存上面的版权申明
*/
function VMLCurve(objDiv){
this.objDiv = objDiv; // obj
this.toolTips = ""; // 提示信息
//坐标设置
//this.configXPerValue = 0;
// this.configYPerValue = 0;
// this.configXMinValue = 0;
// this.configYMinValue = 0;
this.OriginXValue = 0; // 圆点坐标
this.OriginYValue = 0;
//定义区域参数
this.group = null; // v:group
this.n = 1 // 倍数
this.gpWidth = 700; // Width
this.gpHeight = 350; // Height
this.configXTextLeft = -10; // 定义 X轴坐标值左边离坐标距离
this.configXTextTop = 10; // 定义 X轴坐标值上方离X轴的距离
this.configYLeft = 60; // 定义 Y轴距对象左边的距离
this.configYTextRight = 40; // 定义 Y轴坐标值离Y轴右边的距离
this.configYTextBottom = 5; // 定义 Y轴坐标值离坐标下边距离
//关闭了.在前台动态设置
//X轴值
//this.configXValue = new Array('一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月');
//Y轴值
//this.configYValue = new Array('100','200','300','400','500','600','700','800','900','1000');
// Init BackGround
this.Background = null;
this.bgColor = "#C4E1FF"; // BackGround Color
// Init ToolTip
this.configToolLeft = 15;
this.configToolTop = 15;
this.ToolTip = document.createElement("DIV");
this.ToolTip.className = "ToolTip";
this.ToolTip.id = "ToolTip";
this.ToolTip.style.zIndex = "100";
this.ToolTip.style.position = "absolute";
this.ToolTip.style.display = "none";
this.ToolTip.innerHTML = "";
//设置点线的属性,用后面的函数进行设置了,这里是静态的
// this.PointRadius = 2; //圆点的半径大小
// this.LineSize = 1; //线的大小
// this.PointColor = "#FF6600"; //点的颜色
// this.LineColor = "#FF6600"; //线的颜色
this.Points = "";
this.PreviousPointY = 0;
this.PointsYCount = 0;
}// Init
VMLCurve.prototype.init = function(strObj,strTitle,strtopxinfo,strtopyinfo){
this.gpcX = this.gpWidth/this.n; // coordsize X
this.gpcY = this.gpHeight/this.n; // coordsize Y
this.configXLen = this.gpWidth - this.configYLeft*2+20; // 定义 X轴长度
this.configYLen = this.gpHeight- 100; // 定义 Y 轴长度
this.configXNum = this.configXValue.length; // X轴刻度数
this.configYNum = this.configYValue.length; // Y轴刻度数
this.configXTop = this.configYLen+20; //定义 X轴距对象上边的距离
this.configXPerLen = str2Float((this.configXLen-20)/this.configXNum,2); //定义 X轴每刻度长度
this.configYPerLen = str2Float((this.configYLen-20)/this.configYNum,2); //定义 Y轴每刻度长度
//初始化背景参数
this.bgWidth = this.gpWidth; // Height
this.bgHeight = this.gpHeight; // Width
if(this.configYPerValue!=0){
var tempArr = new Array(this.configYNum);
for(var i=0;i<this.configYNum;i++){
tempArr[i] = str2Float(this.configYMinValue+this.configYPerValue*i,2);
}
this.configYValue = tempArr;
}
else {
this.configYPerValue = str2Float((this.configYValue(this.configYNum)-this.configYMinValue)/this.configYNum,2);
}
if(this.configXPerValue!=0){
var tempArr = new Array(this.configXNum);
for(var i=0;i<this.configXNum;i++){
tempArr[i] = str2Float(this.configXMinValue+this.configXPerValue*i,2);
}
this.configXValue = tempArr;
}else{
//this.configXPerValue = str2Float((this.configXValue(this.configXNum)-this.configXMinValue)/this.configXNum,2);
}
this.configYValue = this.configYValue.reverse(); //倒序数组
this.createGroup();
this.createBackgroud();
this.createCoordinate();
this.createXTableLine();
this.createYTableLine();
this.createToolTip();
this.setTitle(strTitle,strtopxinfo,strtopyinfo);
this.strObj = strObj;
}//建立画图区域
VMLCurve.prototype.createGroup = function() {
this.group = document.createElement("<v:group ID=\"group1\" coordsize=\""+this.gpcX+","+this.gpcY+"\" style=\"z-index:-10;width:"+this.gpWidth+"px;height:"+this.gpHeight+"px\">");
this.objDiv.insertBefore(this.group);
}//填充背景
VMLCurve.prototype.createBackgroud = function() {
this.Background = document.createElement("<v:rect fillcolor=\"white\" strokecolor=\"black\" style=\"z-index:-8;width:"+this.bgWidth+"px;height:"+this.bgHeight+"px\" />");
this.Background.insertBefore(document.createElement("<v:fill rotate=\"t\" type=\"gradient\" color2=\""+this.bgColor+"\" />"));
this.Background.insertBefore(document.createElement("<v:shadow on=\"t\" type=\"single\" color=\"silver\" offset=\"3pt,3pt\" />"));
this.group.insertBefore(this.Background);
}
VMLCurve.prototype.createCoordinate = function() {
var pointX1 = this.configYLeft + "," + this.configXTop;
var pointX2 = this.configYLeft+this.configXLen + "," + this.configXTop;
var pointY1 = pointX1;
var pointY2 = this.configYLeft + "," + eval(this.configXTop-this.configYLen);
this.createCoordinateLine(pointY1,pointX2);
this.createCoordinateLine(pointY1,pointY2);
this.setOriginValue(this.OriginXValue,this.OriginYValue);
}//建立坐标线
VMLCurve.prototype.createTableLine = function(xPoint,yPoint,sTableColor){
var tempLine = document.createElement("<v:line from=\""+xPoint+"\" to=\""+yPoint+"\" strokeColor=\""+sTableColor+"\" style=\"Z-INDEX:8;POSITION:absolute;/>");
this.group.insertBefore(tempLine);
tempLine.insertBefore(document.createElement("<v:stroke dashstyle=\"Solid\" />"));
}//画坐标轴线
VMLCurve.prototype.createCoordinateLine = function(xPoint,yPoint){
var tempLine = document.createElement("<v:line from=\""+xPoint+"\" to=\""+yPoint+"\" strokeColor=\"#FF6600\" strokeweight=\"1px\" style=\"Z-INDEX:8;POSITION:absolute;\"/>");
this.group.insertBefore(tempLine);
tempLine.insertBefore(document.createElement("<v:stroke EndArrow=\"classic\" />"));
}//创建文本提示信息
VMLCurve.prototype.createText = function(xLeft,xTop,sText,sClass) {
var tempObj = document.createElement("<P class=\""+sClass+"\" style=\"Z-INDEX:8;LEFT:"+xLeft+"px;POSITION:absolute;TOP:"+xTop+"px;\"/>");
tempObj.innerHTML = sText;
this.group.insertBefore(tempObj);
}// 创建X坐标网格线
VMLCurve.prototype.createXTableLine = function(){
var x1,y1,x2,y2,point1,point2,sTableColor;
sTableColor = "#CCCCCC";
for(var i=0;i<this.configXValue.length;i++){
x1 = eval(this.configYLeft + this.configXPerLen*(i+1));
y1 = eval(this.configXTop-this.configYLen)+10;
x2 = x1;
y2 = eval(this.configXTop+5);
point1 = x1 + "," + y1;
point2 = x2 + "," + y2;
this.createTableLine(point1,point2,sTableColor);
this.createText(x1+this.configXTextLeft,this.configXTop+this.configXTextTop,this.configXValue[i],"pBlack");
}
}//创建Y轴坐标网格线
VMLCurve.prototype.createYTableLine = function(){
var x1,y1,x2,y2,point1,point2,sTableColor;
for(var i=0;i<this.configYValue.length;i++){
x1 = eval(this.configYLeft - 5);
y1 = eval(this.configXTop - this.configYPerLen*(i+1));
x2 = eval(this.configYLeft + this.configXLen - 10);
y2 = y1;
point1 = x1 + "," + y1;
point2 = x2 + "," + y2;
if(this.configYValue[this.configYValue.length-i-1]=="C2") sTableColor="#FF9900";
else sTableColor = "#CCCCCC";
this.createTableLine(point1,point2,sTableColor);
this.createText(this.configYLeft-this.configYTextRight,y1-this.configYTextBottom,this.configYValue[this.configYValue.length-i-1],"pBlack");
}
}//设置标题
VMLCurve.prototype.setTitle = function(strTitle,xtopinfo,ytopinfo){
//标题
var tempObj = document.createElement("<div class=\"Title\" style=\"POSITION:absolute;Z-INDEX:9;LEFT:"+40+"px;TOP:"+(this.configXTop+40)+"px;width:"+(this.configXLen)+"px;height:"+(this.gpHeight-this.configXTop-20)+";/>");
tempObj.innerHTML = strTitle;
this.group.insertBefore(tempObj);
//x单位
var xtemptopinfo = document.createElement("<div style=\"Z-INDEX:11;right:15px;POSITION:absolute;bottom:60px;\"/>");
xtemptopinfo.innerHTML = xtopinfo;
this.group.insertBefore(xtemptopinfo);
//y单位
var ytemptopinfo = document.createElement("<div style=\"Z-INDEX:11;LEFT:14px;POSITION:absolute;TOP:14px;\"/>");
ytemptopinfo.innerHTML = ytopinfo;
this.group.insertBefore(ytemptopinfo);
}// 画圆点坐标
VMLCurve.prototype.setOriginValue = function(x,y){
this.createText(this.configYLeft+this.configXTextLeft,this.configXTop+this.configXTextTop,x,"pBlack");
this.createText(this.configYLeft-this.configYTextRight,this.configXTop-this.configYTextBottom,y,"pBlack");
}// 设置圆点坐标属性
VMLCurve.prototype.setPointsProp = function(sPointRadius,sLineSize,sPointColor,sLineColor){
this.PointRadius = sPointRadius; //圆点的半径大小
this.LineSize = sLineSize; //线的大小
this.PointColor = sPointColor; //点的颜色
this.LineColor = sLineColor; //线的颜色
}// 设置纵坐标的值
VMLCurve.prototype.setPointsValue = function(xValueArr,yValueArr,sValueArr){
var sValue = "";
var xValue = 0;
var yValue = 0;
var tempLen = 0;
var thisX = 0;
var thisY = 0;
var tempX = 0;
var tempY = 0;
for(var i=0;i<xValueArr.length;i++){
thisX = str2Float(xValueArr[i],2);
thisY = str2Float(yValueArr[i],2);
sValue = sValueArr[i];
//tempX = str2Float((thisX - this.OriginXValue)/this.configXPerValue,2);
tempY = str2Float((thisY - this.OriginYValue)/this.configYPerValue,2);
xValue = str2Float(this.configYLeft + str2Float(thisX*this.configXPerLen,2),2);
yValue = str2Float(this.configXTop - str2Float(tempY*this.configYPerLen,2),2);
sValue += "<br>坐标值[X,Y]:[" + xValue + "," + yValue + "]";
sValue += "<br>实际值[X,Y]:[<font color=blue>" + thisX + "</font>,<font color=red>" + thisY + "</font>]";
//this.PointsYCount += str2Float(yValueArr[i],2);
//this.PreviousPointY = yValueArr[i];
this.Points = this.Points + xValue + "," + yValue + " ";
this.createPoint(xValue,yValue,sValue);
}
this.createCurveLine();
this.PreviousPointY = 0;
this.Points = 0;
this.PointsYCount = 0;
}
// create Point
VMLCurve.prototype.createPoint = function(sLeft,sTop,sText){
//根据圆点的坐标,得到左上方点的坐标
var xLeft = sLeft - this.PointRadius;
var xTop = sTop - this.PointRadius;
var tempOval = document.createElement("<v:oval style=\"POSITION:absolute;Z-INDEX:12;LEFT:"+xLeft+"px;TOP:"+xTop+"px;width:"+2*this.PointRadius+";height:"+2*this.PointRadius+";cursor:hand;\" stroked=\"f\" fillcolor=\""+this.PointColor+"\" strokeweight=\"1px\" onmousemove=\""+this.strObj+".setToolTip('block','" + sText + "'," + sLeft + "," + sTop + ");\" onmouseout=\""+this.strObj+".setToolTip('none','');\"/>");
group1.insertBefore(tempOval);
}//以两点为坐标画线
VMLCurve.prototype.createCurveLine = function(){
var tempLine = document.createElement("<v:PolyLine Points=\""+ this.Points +"\" style=\"Z-INDEX:11;POSITION:absolute;\" strokeweight=\"2px\" filled=\"f\" />");
var newStroke = document.createElement("<v:stroke dashstyle='solid' color='"+this.LineColor+"'/>");
group1.insertBefore(tempLine);
tempLine.insertBefore(newStroke);
}VMLCurve.prototype.createToolTip = function(){
this.group.insertBefore(this.ToolTip);
}VMLCurve.prototype.setToolTip = function(sVisitable,sContent,x,y){
this.ToolTip.style.pixelLeft = x + this.configToolLeft;
this.ToolTip.style.pixelTop = y + this.configToolTop;
this.ToolTip.style.display = sVisitable;
if(this.ToolTip.innerHTML==""){
this.ToolTip.innerHTML = sContent;
}
if(sContent==""){
this.ToolTip.innerHTML = "";
}}
*原作者不详,敬请谅解。
*/
/*********************************
* 字符串转换为数字(""-->0)as_type--str,num
* 参数说明:
as_str--转换的字符串
ai_digit--转换的小数位数(null--不限制小数位数,0--转换为整型,>0按小数位数转换)
as_type--转换后返回的类型(null,"num"--转换为数字类型,"str"--转换为字符串
(按小数格式化后的字符串)
* 例如:
* str2float("10.2124568795")返回float类型10.2124568795
* str2float("10.6",0)返回Int类型11(使用四舍五入的方法)
* str2float("10.2",2)返回float类型10.1
* str2float("10.2",2,"str")返回String类型"10.20"(按小数位数格式化字符串)
* str2float("10.216",2)返回float类型10.22
* str2float("10.216",2,"str")返回String类型"10.22"
*********************************
*/
function str2Float(as_str,ai_digit,as_type)
{
var fdb_tmp = 0;
var fi_digit = 0;
var fs_digit = "1";
var fs_str = "" + as_str;
var fs_tmp1 = "";
var fs_tmp2 = "";
var fi_pos = 0;
var fi_len = 0;
fdb_tmp = parseFloat(isNaN(parseFloat(fs_str))?0:fs_str);
switch (true)
{
case (ai_digit==null): //不改变值,只转换为数字
fdb_tmp = fdb_tmp;
break;
case (ai_digit==0): //取得整数
fdb_tmp = Math.round(fdb_tmp);
break;
case (ai_digit>0): //按照传入的小数点位数四舍五入取值
for (var i=0;i<ai_digit;i++) fs_digit +="0";
fi_digit = parseInt(fs_digit);
fdb_tmp = Math.round(fdb_tmp * fi_digit) / fi_digit;
if (as_type=="str")
{
fs_tmp1 = fdb_tmp.toString();
fs_tmp1 +=((fs_tmp1.indexOf(".")!=-1)?"":".") + fs_digit.substr(1);
fi_pos = fs_tmp1.indexOf(".") + 1 + ai_digit;
fdb_tmp = fs_tmp1.substr(0,fi_pos);
}
break;
}
return fdb_tmp;
}
这样就出错??<table align="center" border="1" cellpadding="0" cellspacing="0" width="100%">
<tr><td height="20"><div align="center" id="div1" style=" border: 1px "></div>
<div align="center" id="div2"></div>
<div align="center" id="div3"></div>
<div align="center" id="div4"></div>
</td></tr>
</table><script language="javascript">
//建立曲线对象
var vc = new VMLCurve(document.all.div1);
//设置X坐标值,从左至右
vc.configXValue = new Array('一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月');
//设置Y坐标轴
vc.configYPerValue = 100;
vc.configYMinValue = 100;
//vc.configYValue = new Array(100,200,300,400,500,600,700,800,900,1000);
vc.init("vc","曲线图");
//用数组设置点的横纵标值及提示信息
var xValueArr = new Array(1,2,3,4,5,6,7,8,9,10,11,12); //X轴数据,
var yValueArr = new Array(320,280,420,550,600,700,800,720,190,940,590,340); //Y轴数据
var sValueArr = new Array('第1个点','第2个点','第3个点','第4个点','第5个点','第6个点','第7个点','第8个点','第9个点','第10个点','第11个点','第12个点'); //提示信息
//设置圆点的属性
vc.setPointsProp(8,1,'#FF6600','#FF6600'); vc.setPointsValue(xValueArr,yValueArr,sValueArr);
var vc2 = new VMLCurve(document.all.div2);
//设置X坐标值,从左至右
vc2.configXValue = new Array('一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月');
//设置Y坐标轴
vc2.configYPerValue = 100;
vc2.configYMinValue = 100;
//vc.configYValue = new Array(100,200,300,400,500,600,700,800,900,1000);
vc2.init("vc2","曲线图");
//用数组设置点的横纵标值及提示信息
var xValueArr = new Array(1,2,3,4,5,6,7,8,9,10,11,12); //X轴数据,
var yValueArr = new Array(320,280,420,550,600,700,800,720,190,940,590,340); //Y轴数据
var sValueArr = new Array('第1个点','第2个点','第3个点','第4个点','第5个点','第6个点','第7个点','第8个点','第9个点','第10个点','第11个点','第12个点'); //提示信息
//设置圆点的属性
vc2.setPointsProp(8,1,'#FF6600','#FF6600'); vc2.setPointsValue(xValueArr,yValueArr,sValueArr); </script>